RGB を HEX に
RGB の3値を入れて、HEX コードを1つ得る。
無料 · 登録不要 · 端末内で計算
処理はブラウザのタブの中
- RGBを入力
- #で出力
- Live見本つき
- 0件の送信
RGB を HEX にの仕様
- 入力
- RGB、または他の3表記
- 出力
- HEX コード、HSL と CMYK も
- 方式
- sRGB 変換、ページ内で
- 見本
- 色の大きな色面
- 料金
- 無料
- 登録の要否
- 不要
- 処理する場所
- あなたの端末の中
RGB を HEX にの使い方
- 1
RGB の数値を入れる
RGB の数値を入れる
- 2
HEX コードを読む
HEX コードを読む
- 3
コピーする
HEX コードをコピー
よくある質問
HEX コードに文字が入るのはなぜ?
16進数は9の次を A〜F で続けるためです。channel の値が9を超えると文字で書かれるので、コードには数字と文字が混ざります。
rgb(12, 34, 56) をそのまま貼れる?
この画面は RGB の各欄に3つの数値を受け取ります。赤・緑・青として入れれば、HEX コードが続いて出ます。
変換で失われるものは?
ありません。どちらの表記も同じ sRGB の値を表すので、一度変換して戻しても元の値に戻ります。
アップロードはある?
ありません。処理はこのブラウザのタブの中で行われます。処理用のサーバーにも、アカウントにも行きません。
デザインアプリからスタイルシートへ
RGB の欄に赤・緑・青を入れます。上の欄に HEX コードが出て、スタイルシートにそのまま貼れます。横には HSL と CMYK も並びます。
- 多くのデザインアプリが示すのは RGB、多くのスタイルシートが持つのは HEX です。
- 2つの数値を逆に入れても正しく変換されてしまうので、見本も確かめてください。
- 書いているファイルであとから必要になるなら、RGB の値も控えておいてください。
- HSL も同じ画面にあります。明度がいちばん読みやすいのはそこです。
仕様をすべて見る
| 入力 | 赤・緑・青の値。同じ画面は HEX・HSL・CMYK も受け付けます。 |
|---|---|
| 出力 | その色の HEX コードと、横に埋まる HSL・CMYK。 |
| 方式 | sRGB の変換と端数処理を、ページ自身が行います。 |
| 見本 | いまの色の大きな色面が、入力欄の横に出ます。 |
| 料金 | 無料。作業領域の外に、広告と分かる形で広告を出しています。 |
| 登録の要否 | 不要。 |
| 処理する場所 | このブラウザのタブの中。入力がアップロードされることはありません。 |
同じファイルのまま続ける
カラーツール一覧: SPOTTOOLSのカラーツール