JA
マイツール

ティールのカラーコード

ティール、ダークシアン、ターコイズ、アクアマリン、ティファニーブルーなど29種の青緑を、HEX・RGB・HSL・CMYKコードとともに紹介します。

マイツール →
広告

ティールは暗い青緑で、コガモの目の横にある色の帯にちなんで名付けられました。その仲間は、深いティールブルーやミッドナイトグリーンから、明るいターコイズ、アクアマリン、純粋なシアンまで幅があります。このページではそのうち29色を紹介します。teal、darkcyan、lightseagreen、turquoise、aquamarineといったCSSの色名の青緑12色に、ティールブルー、ティファニーブルー、カリビアンカレント、スコベロフ、マートルグリーン、ヴェルディグリを加え、HEX・RGB・HSL・HSV・CMYK・OKLCHのコードと、ティントとシェードを示します。

使い方

  1. リストから色を選びます。
  2. HEX、RGB、HSL、またはCMYKのコードをコピーします。
  3. より明るい、または暗いバージョンは、ティントとシェードの表を使います。
  4. 一覧の表ですべての色を比較するか、スウォッチの図をダウンロードします。

計算式

ティント = c + (255 − c) × p · シェード = c × (1 − p) · 補色 = HSLの色相 + 180°

cは各RGBチャンネル、pは混ぜる割合(15〜75%)です。CMYKは単純な式 K = 1 − max(R′, G′, B′) を使います。

計算例

CSSの teal は #008080 = rgb(0, 128, 128)、hsl(180, 100%, 25.1%)、つまりシアンを半分の強さにした色です。補色はCSSのmaroon #800000 とぴったり一致します。ティファニーブルー #81D8D0 はずっと明るく、単純な式でCMYKは 40.3%, 0%, 3.7%, 15.3% です(ティファニーは印刷用に独自のカスタムパントンインクを指定しています)。

ティール、ターコイズ、シアン

シアン(#00FFFF)は、画面や印刷インクの、純粋で最大の強さの青緑です。ティール(#008080)は同じ色相を半分の明るさにした、暗く落ち着いた色です。ターコイズ(#40E0D0)はより明るく、わずかに緑寄りで、宝石にちなんで名付けられました。アクアマリン(#7FFFD4)はさらに淡く、より緑がかっています。つまり、同じ仲間でも、シアンが最も明るく、ティールが最も暗く、ターコイズが宝石のような中間です。

よくある質問

ティールは青ですか、緑ですか?

両方です。CSSのtealは緑と青が等しく(0, 128, 128)、色相は180°で、ちょうど両者の中間です。ティールブルー(#367588)のようなバリエーションは青寄りで、ティールグリーン(Kelly & Juddの一覧では#264B56)はより暗くグレーがかっています。

ティールの上にはどんな文字色が合いますか?

#008080の上の白い文字は約4.77:1で、本文でWCAG AAに適合します。ターコイズのように明るいティールには、黒い文字が必要です。

出典

最終更新:

このツールを引用する
APA

kakaoCalc. (2026, November 8). ティールのカラーコード. https://kakao.mobile/ja/tools/teal-color-code/

MLA

“ティールのカラーコード.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ja/tools/teal-color-code/.

広告