フィールーゼ

ふぃーるーぜ|Persian Turquoise|فیروزه (Firuzeh)

色コードの出典:Firuze Neyshabur Turquoise - Taste Iran

広色域(Display P3)比較

sRGB(従来のWeb標準)

#30D5C8

Display P3(広色域)

color(display-p3 0.4134 0.8234 0.7824)

意味と歴史

由来

英語名「ターコイズ」は16世紀フランス語で「トルコの」を意味する「Turquie」に由来。これはペルシャ産の鉱物がトルコ経由で欧州へ輸出されたためである。イランでは元々「勝利」を意味する「Perozeh」と呼ばれていた。

出典(1件)

歴史

イランでの採掘は約7000年前の新石器時代に始まった。ネイシャープール近郊の鉱山は世界最古級で現在も稼働している。サファヴィー朝時代には政府の監督下で採掘された。数千年前にはエジプトのファラオも宝飾品に用いている。

出典(1件)

心理的効果

イラン芸術において、ターコイズ色は楽園や活気ある庭園、神聖さ、精神性を象徴する。また、身につける者を邪眼から守り、願いを叶える聖なる石とも信じられてきた。

出典(1件)

伝統的な用途

古くからイスラム建築のドームやミナレット、宮殿の装飾に用いられてきた。また、エジプトのファラオから現代に至るまで、世界中の王室で宝飾品として珍重されている。陶器やタイル貼り、装飾品にも広く使用される。

出典(1件)

CSSコード

HEX

#30D5C8

RGB

rgb(48, 213, 200)

CMYK

cmyk(77.5%, 0%, 6.1%, 16.5%)

HSV

hsv(175.3, 77.5%, 83.5%)

OKLCH

oklch(79.02% 0.1294 186.74)

Display P3

color(display-p3 0.4134 0.8234 0.7824)

Munsell

5BG 8/8

CIE XYZ

XYZ(0.35433, 0.52383, 0.62876)

CIE L*a*b*

Lab(77.509056, -43.20055, -5.324815)

CIE LCH(ab)

LCH(77.509056, 43.527476, 187.026724°)

CIE L*u*v*

Luv(77.509056, -57.9193, -1.479243)

Hunter Lab

Hunter Lab(72.375824, -35.953826, -4.979981)

xyY

xyY(0.235139, 0.347614, 0.52383)

JzAzBz

JzAzBz(0.02466, -0.009226, -0.00247)

JzCzHz

JzCzHz(0.02466, 0.009551, 194.987836°)

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #30D5C8;
  background-color: oklch(79.02% 0.1294 186.74);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.4134 0.8234 0.7824);
  }
}

コントラストチェッカー

WCAG 2.1 基準に基づくコントラスト比を表示します。

白背景

1.83:1

AA FailAAA Fail
AA大文字 Fail

黒背景

11.48:1

AA PassAAA Pass
AA大文字 Pass

白文字

1.83:1

AA FailAAA Fail
AA大文字 Fail

黒文字

11.48:1

AA PassAAA Pass
AA大文字 Pass

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。見た目の見本のため、読み上げからは省略しています。

背景色として使用
テキスト色として使用
UIコンポーネントでの使用例

色覚シミュレーション

P型(1型)

赤色の感度が低下

#C9C9C8

D型(2型)

緑色の感度が低下

#B3B9CA

T型(3型)

青色の感度が低下

#00DAD1

配色提案

この配色はイスラム幾何学模様の色彩調和と、ペルシャ細密画の伝統的な配色法則に基づいています。

補色

Complementary

色相環の反対側に位置する色。最も強いコントラストを生む

#30D5C8
#FF96AD

類似色

Analogous

色相が近い色の組み合わせ。自然で調和的な印象を与える

#30D5C8
#6CD399
#36CEF0

トライアド

Triadic

色相環を三等分する配色。活力がありバランスの良い組み合わせ

#30D5C8
#D0A4FC
#F2A958

スプリットコンプリメンタリー

Split-complementary

補色の両隣を使う配色。補色より柔らかいコントラスト

#30D5C8
#EF9AD9
#FF9C7E

テトラディック(正方形)

Tetradic (Square)

色相環を四等分する配色。豊かな色彩で華やかな印象

#30D5C8
#A5B2FF
#FF96AD
#D2BA4F

テトラディック(長方形)

Tetradic (Rectangle)

二対の補色を組み合わせた配色。多彩ながらまとまりのある配色

#30D5C8
#71C2FF
#FF96AD
#F2A958

モノクロマティック

Monochromatic

同じ色相で明度・彩度を変えた配色。統一感のある上品な印象

#30D5C8
#BDFDF5
#00A99C
#83F1E6

ダブルコンプリメンタリー

Double Complementary

隣り合う二色とその補色による四色配色。複雑で魅力的な配色

#30D5C8
#36CEF0
#FF96AD
#FF9C7E

伝統的な配色の提案

同じ文化圏の伝統色から、色彩理論的に調和する色を選出しました。

グラデーション

ティント(明るく)

background: linear-gradient(to right, #30D5C8, #FFFFFF);
#30D5C8
#59DDD3
#83E6DE
#ACEEE9
#D6F7F4
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #30D5C8, #000000);
#30D5C8
#26AAA0
#1D8078
#135550
#0A2B28
#000000

透明へ

background: linear-gradient(to right, #30D5C8, transparent);

エクスポート

CSS変数
--color-firuzeh: #30D5C8;
--color-firuzeh-rgb: 48, 213, 200;
--color-firuzeh-oklch: 79.02% 0.1294 186.74;
Sass変数
$color-firuzeh: #30D5C8;
$color-firuzeh-rgb: rgb(48, 213, 200);
$color-firuzeh-oklch: oklch(79.02% 0.1294 186.74);
Tailwind Config
'firuzeh': '#30D5C8',
SwiftUI
Color(red: 0.188, green: 0.835, blue: 0.784)
JSON
{
  "name": {
    "ja": "フィールーゼ",
    "en": "Persian Turquoise",
    "reading": "ふぃーるーぜ",
    "local": "فیروزه (Firuzeh)"
  },
  "hex": "#30D5C8",
  "rgb": {
    "r": 48,
    "g": 213,
    "b": 200
  },
  "cmyk": {
    "c": 77.5,
    "m": 0,
    "y": 6.1,
    "k": 16.5
  },
  "oklch": {
    "l": 79.02,
    "c": 0.1294,
    "h": 186.74
  },
  "displayP3": {
    "r": 0.4134,
    "g": 0.8234,
    "b": 0.7824
  },
  "hsv": {
    "h": 175.3,
    "s": 77.5,
    "v": 83.5
  },
  "munsell": "5BG 8/8"
}

他の文化圏の関連色