Design
RGB-Konverter
Konvertiert dezimale RGB-Werte in Hexadezimal und umgekehrt.
Dezimal (Basis 10)
| R | |
|---|---|
| G | |
| B |
Hexadezimal (Basis 16)
| # |
|---|
Tips
- CSS では
#RRGGBB形式とrgb(R, G, B)の両方の形式で色を指定できます。 - R（赤）・G（緑）・B（青）それぞれの値は 0〜255（16 進数で 00〜FF）です。
- 白は
#FFFFFF（255, 255, 255）、黒は#000000（0, 0, 0）です。 - Figma・Adobe XD などのデザインツールはどちらの形式も対応しているため、値をコピーするだけで変換を適用できます。
- ショートハンド
#FFFは#FFFFFF（白）の略記で、CSS で有効な表記の一つです。
余談ですが ― 色の不思議 ― 人間の目と1677万色の世界
人間の目が識別できる色の数は約 1,000万色 と言われています（個人差あり）。RGBの24ビットカラー（各チャンネル8ビット）は16,777,216色（約1,677万色）を表現でき、これは人間の識別能力をはるかに超えた色数です。
著名なブランドカラーをRGBで表すと：Twitterブルー #1DA1F2（29, 161, 242）、Google赤 #EA4335（234, 67, 53）、LINE緑 #00B900（0, 185, 0）などです。ティファニーのアイコニックなブルー「Tiffany Blue」は #0ABAB5 に近い色で、商標登録されている色の一つです。
面白い話として、CSSに「rebeccapurple（#663399）」という色名が存在します。これはCSS仕様策定者のEric Meyerの娘 Rebecca（享年6歳）への追悼として、CSSコミュニティが提案し2014年に正式採用されたものです。エンジニアコミュニティに深く刻まれたエピソードとして今も語り継がれています。