16 種類のティールの色合い (+ HEXコード)
明るいティールから深いティールまで、すべてのティールの色合いを探索しましょう！HEXコード、色名、ティールのカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
ティールは青と緑のちょうど中間にあり、そのぶん「考えて選んだ色」に見えます。青が先客にいるときにブランドが選ぶ色です。
白い文字が乗る程度に暗く、画面全体に使える程度に落ち着いています。
- dew#ebffff
- oyster bay#d1ffff
- onahau#b7ffff
- anakiwa#9dffff
- aquamarine#6affff
- cyan / aqua#36ffff
- bright turquoise#00e8e8
- robin's egg blue#00cece
- pacific blue#00b4b4
- persian green#009b9b
- teal#008181
- blue stone#006767
- sherpa blue#004d4d
- deep teal#003434
- swamp#001a1a
- black#000000
ティール: HEX & RGB コード
ティール の主なカラーコードは以下のとおりです:
HEX: #ebffff
RGB: (235, 255, 255).
インタラクティブなカラーピッカーを使って、さまざまな ティール の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
ティールのティントを探索する
Dew
#ebffff
Dew
#ebffff
Twilight Blue
#f0ffff
Twilight Blue
#f0ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#faffff
Twilight Blue
#faffff
White
#ffffff
ティールのシェードを探索する
Bottle Green
#093434
Elephant
#154c4c
Casal
#256565
Ming
#3b8181
Breaker Bay
#559b9b
Neptune
#74b4b4
Half Baked
#94cccc
Jagged Ice
#bde5e5
ティールのHEX・RGB・HSL・CMYK
| HEX | #008080 | |
|---|---|---|
| RGB | rgb(0, 128, 128) | |
| HSL | hsl(180, 100%, 25%) | |
| CMYK | cmyk(100%, 0%, 0%, 50%) |
ティールの明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#00bcbc
#00f8f8
#36ffff
#72ffff
#aeffff
#ebffff
暗い方向
#006e6e
#005c5c
#004a4a
#003838
#002626
#001414
ティールと相性のよい色
補色
#008080 #800000
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#008040 #008080 #004080
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#008080 #80007f #7f8000
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
ティールの上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
ティールのシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。