ターコイズブルーとターコイズの違いは？

どちらもトルコ石の色ですが、ターコイズは少し緑みが強い落ち着いた色、ターコイズブルーはそれより青みが強く、鮮やかな色として使われることが多いです。

ターコイズブルーのカラーコードは？

ターコイズブルーのHEXコードは#00FFEFです。RGBではrgb(0, 255, 239)、HSLではhsl(176, 100%, 50%)、CMYKでは100, 0, 6, 0となります。

ターコイズブルーの補色は何色ですか？

色相環で反対側にある補色は#FF0010で、赤に近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

ターコイズブルーの上に白い文字を置いても読みやすいですか？

黒い文字のほうがおすすめです。白とのコントラスト比は1.3:1しかありませんが、黒とは16.6:1になります。

ターコイズブルーとはどんな色？ターコイズとの違い・色見本#00FFEF

ターコイズブルーを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、ターコイズブルーがどう見えるかをチェック。

明るさ

合わせる色

ターコイズブルーとはどんな色？

ターコイズブルーは、宝石のターコイズ（トルコ石）のような、緑みを帯びた明るく鮮やかな青です。トルコ石の名前は、トルコを経由してヨーロッパに運ばれたことに由来するといわれます。南国の海を思わせる色で、夏の服や水着、アクセサリー、インテリアに使われます。カラーコード#00FFEFはとても鮮やかで、シアンに近い色です。

似ている色との違い

ターコイズ#40E0D0ターコイズブルーより緑みがあり、落ち着いた色 ティファニーブルー#0ABAB5ターコイズブルーより暗く、やわらかい青緑 エメラルドグリーン#50C878ターコイズブルーより緑に近い、宝石の色 シアン#00FFFFターコイズブルーより緑みが少ない、印刷の基本色の青 新橋色#59B9C6日本の伝統色。明治時代に流行した、明るい緑みの青

ターコイズブルーの作り方（絵の具の混ぜ方）→

ターコイズブルーに近い色とカラーコード

シアン#00FFFF ターコイズ#40E0D0 アクアマリン#7FFFD4 ダークターコイズ#00CED1 ティファニーブルー#0ABAB5 シーフォームグリーン#8CD6C4

ターコイズブルーの基本情報

ターコイズブルー（#00FFEF）は、寒色系・中くらいの明るさ・鮮やかの色です。ターコイズ系の色のグループに属します。RGBの値は赤0・緑255・青239（各255段階）。主な用途：夏, ウェブ, ジュエリー。

ターコイズブルーの色見本と明るい色から暗い色までのグラデーション · #00FFEF — ターコイズブルー · #00FFEF

ターコイズブルーの濃淡：明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

この色の濃淡を見る: カラースケール生成ツール

ターコイズブルーの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色：赤

類似色近い色：スプリンググリーン, アジュール

トライアド近い色：マゼンタ, カナリアイエロー

スプリット・コンプリメンタリー近い色：ディープピンク, パンプキンオレンジ

テトラード近い色：バイオレット, 赤, シャルトリューズ

ターコイズブルーを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · ターコイズブルー

類似色パレット · ターコイズブルー

補色パレット · ターコイズブルー

トライアドパレット · ターコイズブルー

ニュートラルカラー入りパレット · ターコイズブルー

アクセントカラー入りパレット · ターコイズブルー

ターコイズブルーと文字色のコントラスト

白い文字コントラスト比 1.3:1 · 非推奨

黒い文字コントラスト比 16.6:1 · AAA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --turquoise-blue: #00FFEF;
  --turquoise-blue-rgb: 0, 255, 239;
}
.bg { background-color: var(--turquoise-blue); }
.text { color: var(--turquoise-blue); }