ティールの色コードと特徴｜配色例付きガイド

ティールは、コガモ（teal）の頭部の羽色に由来する落ち着いた青緑色です。ターコイズブルーよりも暗く深みがあり、知性・洗練・信頼感を感じさせます。近年のWebデザインやブランディングで人気が高まっている色で、テクノロジー企業やクリエイティブな分野で特によく使われています。この記事では、ティールの基本情報から活用法までを解説します。

ティールの基本情報

項目	内容
色名	ティール
英語名	Teal
HEXコード	#008080
RGB	R:0 G:128 B:128
HSL	H:180 S:100% L:25%
CMYK	C:85 M:20 Y:40 K:10
系統	青緑系（暗い）
由来	コガモ（teal）の頭部の羽色

ティールの色味

ティールはシアンに近い色相を持ちつつ、暗く落ち着いたトーンの青緑色です。ターコイズよりも暗く、ネイビーよりも緑みがあり、独特の深みと洗練さを持っています。

ティールの歴史と由来

コガモの羽

ティールの名は、コガモ（Eurasian Teal）のオスの頭部に見られる青緑色の羽に由来します。この鮮やかでありながら深みのある色は、自然界の美しい色の一つです。

デジタル時代の人気色

ティールは2010年代以降、Webデザインやアプリのインターフェースデザインで人気が急上昇しました。青の信頼感と緑の安心感を兼ね備えたこの色は、特にヘルスケア、テクノロジー、教育分野のデザインで重用されています。

マテリアルデザインとティール

Googleが提唱するマテリアルデザインのカラーパレットにもティール系の色が含まれており、Androidアプリやウェブサービスのデフォルトカラーとして広く普及しました。

類似色・関連色との比較

色名	HEX	RGB	特徴・違い
ティール	#008080	0,128,128	暗く落ち着いた青緑
ターコイズ	#00AFCC	0,175,204	ティールより明るく鮮やか
シアン	#00FFFF	0,255,255	最も鮮やかな青緑
浅葱色	#00A3AF	0,163,175	ティールとターコイズの中間
ダークシアン	#008B8B	0,139,139	ティールに非常に近い
納戸色	#008899	0,136,153	和色のティール系

デザインでの活用例

Webデザイン

用途	配色例	効果
医療・ヘルスケア	ティール + 白 + ライトグレー	信頼感と清潔感
テクノロジー	ティール + ダークグレー + 白	先進的で洗練された印象
環境・SDGs	ティール + 緑 + 白	自然と調和した印象

アクセシビリティ

ティールは白背景に対して十分なコントラスト比を確保しやすい色です。WCAG 2.1のアクセシビリティ基準を満たしやすいため、テキストやアイコンの色として実用的です。

ブランディング

ティールは「知性」「革新」「信頼」を連想させる色として、スタートアップ企業やクリエイティブエージェンシーのブランドカラーに人気があります。

ティールの色コード一覧

形式	値
HEX	#008080
RGB	rgb(0, 128, 128)
HSL	hsl(180, 100%, 25%)
CMYK	85, 20, 40, 10
CSS変数例	—color-teal: #008080;

まとめ

ティールは、コガモの羽に由来する深みのある青緑色で、デジタルデザインの世界で急速に人気を集めている色です。HEXコードは#008080で、信頼感・洗練さ・知性を兼ね備えた印象は、ヘルスケアやテクノロジー分野のデザインに最適です。ターコイズとの違いを理解し、明るさや深みの使い分けでデザインの表現力を高めましょう。