カラーコードとパレット
ティールのカラーコード
ティールは #008080 の、青と緑の中間の色です。落ち着きと爽やかさのバランスがよく、明るいシアンよりも広い面に使いやすい色です。
ティール
#008080
カラー形式
同じベースカラーを主要な Web 形式で表しています。
濃淡
| カラー | 名前 | HEX | RGB | HSL | コピー |
|---|---|---|---|---|---|
| Teal 50 | #E5FFFF | 229, 255, 255 | 180, 100%, 95% | ||
| Teal 100 | #B3FFFF | 179, 255, 255 | 180, 100%, 85% | ||
| Teal 200 | #80FFFF | 128, 255, 255 | 180, 100%, 75% | ||
| Teal 300 | #4DFFFF | 77, 255, 255 | 180, 100%, 65% | ||
| Teal 400 | #1AFFFF | 26, 255, 255 | 180, 100%, 55% | ||
| Teal 500 | #00E5E6 | 0, 229, 230 | 180, 100%, 45% | ||
| Teal 600 | #00B2B3 | 0, 178, 179 | 180, 100%, 35% | ||
| Teal 700 | #007F80 | 0, 127, 128 | 180, 100%, 25% | ||
| Teal 800 | #004C4D | 0, 76, 77 | 181, 100%, 15% | ||
| Teal 900 | #00191A | 0, 25, 26 | 182, 100%, 5% |
文字のコントラスト
これらの比率は WCAG の相対輝度の式で計算しています。
Aa 白い文字 4.77:1
AA
Aa 黒い文字 4.40:1
AA · 大きなテキスト
ティールの使い方
ヘルスケア・ウェルネスの UI
落ち着いた CTA
オレンジやコーラルと合わせたグラフ
ティール と相性のよい色
#008080 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。