カラーコードとパレット
ブラックのカラーコード
ブラックは最も暗い Web カラーで、高コントラストの文字、力強いシルエット、抑制の効いた高級感のあるパレットに欠かせません。明るい画面では純粋な黒が強すぎることもあるため、黒に近い色の方がやわらかく感じられる場合もあります。
ブラック
#000000
カラー形式
同じベースカラーを主要な Web 形式で表しています。
濃淡
| カラー | 名前 | HEX | RGB | HSL | コピー |
|---|---|---|---|---|---|
| Black 50 | #F2F2F2 | 242, 242, 242 | 0, 0%, 95% | ||
| Black 100 | #D9D9D9 | 217, 217, 217 | 0, 0%, 85% | ||
| Black 200 | #BFBFBF | 191, 191, 191 | 0, 0%, 75% | ||
| Black 300 | #A6A6A6 | 166, 166, 166 | 0, 0%, 65% | ||
| Black 400 | #8C8C8C | 140, 140, 140 | 0, 0%, 55% | ||
| Black 500 | #737373 | 115, 115, 115 | 0, 0%, 45% | ||
| Black 600 | #595959 | 89, 89, 89 | 0, 0%, 35% | ||
| Black 700 | #404040 | 64, 64, 64 | 0, 0%, 25% | ||
| Black 800 | #262626 | 38, 38, 38 | 0, 0%, 15% | ||
| Black 900 | #0D0D0D | 13, 13, 13 | 0, 0%, 5% |
文字のコントラスト
これらの比率は WCAG の相対輝度の式で計算しています。
Aa 白い文字 21.00:1
AAA
Aa 黒い文字 1.00:1
不合格
ブラックの使い方
高コントラストの文字とアイコン
高級感のあるエディトリアルなアイデンティティ
ダークテーマと画像のオーバーレイ
ブラック と相性のよい色
#000000 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。