カラーコードとパレット
シアンのカラーコード
シアンは緑と青を加法混色した最も鮮やかな色で、#00FFFF で表されます。電気的な明るさはデジタルなアクセントに効果的ですが、読みやすい文字にはずっと濃い色を組み合わせる必要があります。
シアン
#00FFFF
カラー形式
同じベースカラーを主要な Web 形式で表しています。
濃淡
| カラー | 名前 | HEX | RGB | HSL | コピー |
|---|---|---|---|---|---|
| Cyan 50 | #E5FFFF | 229, 255, 255 | 180, 100%, 95% | ||
| Cyan 100 | #B3FFFF | 179, 255, 255 | 180, 100%, 85% | ||
| Cyan 200 | #80FFFF | 128, 255, 255 | 180, 100%, 75% | ||
| Cyan 300 | #4DFFFF | 77, 255, 255 | 180, 100%, 65% | ||
| Cyan 400 | #1AFFFF | 26, 255, 255 | 180, 100%, 55% | ||
| Cyan 500 | #00E5E6 | 0, 229, 230 | 180, 100%, 45% | ||
| Cyan 600 | #00B2B3 | 0, 178, 179 | 180, 100%, 35% | ||
| Cyan 700 | #007F80 | 0, 127, 128 | 180, 100%, 25% | ||
| Cyan 800 | #004C4D | 0, 76, 77 | 181, 100%, 15% | ||
| Cyan 900 | #00191A | 0, 25, 26 | 182, 100%, 5% |
文字のコントラスト
これらの比率は WCAG の相対輝度の式で計算しています。
Aa 白い文字 1.25:1
不合格
Aa 黒い文字 16.75:1
AAA
シアンの使い方
デジタル・未来的なアクセント
データビジュアライゼーションの強調
ブルーやティールとのグラデーション
シアン と相性のよい色
#00FFFF をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。