カラーコードとパレット
インディゴのカラーコード
インディゴは #4B0082 の、深い青紫です。思慮深く雰囲気のあるベースをつくり、クリエイティブなテクノロジー、夜のテーマ、ネイビーより鮮やかさが欲しいパレットに向いています。
インディゴ
#4B0082
カラー形式
同じベースカラーを主要な Web 形式で表しています。
濃淡
| カラー | 名前 | HEX | RGB | HSL | コピー |
|---|---|---|---|---|---|
| Indigo 50 | #F4E5FF | 244, 229, 255 | 275, 100%, 95% | ||
| Indigo 100 | #DFB3FF | 223, 179, 255 | 275, 100%, 85% | ||
| Indigo 200 | #CA80FF | 202, 128, 255 | 275, 100%, 75% | ||
| Indigo 300 | #B54DFF | 181, 77, 255 | 275, 100%, 65% | ||
| Indigo 400 | #9F1AFF | 159, 26, 255 | 275, 100%, 55% | ||
| Indigo 500 | #8600E6 | 134, 0, 230 | 275, 100%, 45% | ||
| Indigo 600 | #6800B3 | 104, 0, 179 | 275, 100%, 35% | ||
| Indigo 700 | #4A0080 | 74, 0, 128 | 275, 100%, 25% | ||
| Indigo 800 | #2D004D | 45, 0, 77 | 275, 100%, 15% | ||
| Indigo 900 | #0F001A | 15, 0, 26 | 275, 100%, 5% |
文字のコントラスト
これらの比率は WCAG の相対輝度の式で計算しています。
Aa 白い文字 12.95:1
AAA
Aa 黒い文字 1.62:1
不合格
インディゴの使い方
クリエイティブなテクノロジーのアイデンティティ
夜や宇宙をテーマにしたデザイン
バイオレットやブルーとの深いグラデーション
インディゴ と相性のよい色
#4B0082 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。