Encycolorpedia

#3fd8aa 16進数カラーコード

#3fd8aaのカラーチップ16進数カラーコード#3fd8aaは緑がかったシアン色の色合いです。RGBカラーモデルでは、#3fd8aaは赤24.71%、緑84.71%、青66.67%で構成されます。HSL色空間では、#3fd8aaの色相は162°、彩度は66%、明度は55%です。D65基準白色に対する推定主波長は506.57nmです。

色のバリエーション

関連する名前付きの色

配色

ダウンロード:GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette CSS Custom Properties Design Tokens (DTCG JSON) Procreate Swatches (first 30 colors) Photoshop ACO (Color Swatches)

#3fd8aaから補色#ffa6d2への線形グラデーション

  1. #3fd8aa
  2. #75d2b1
  3. #99cbb7
  4. #b6c4be
  5. #d0bbc5
  6. #e8b1cb
  7. #ffa6d2

単色

  1. #00b187
  2. #0ebe92
  3. #2ccb9e
  4. #3fd8aa
  5. #50e5b6
  6. #5ff2c3
  7. #73ffd0

色調

  1. #3fd8aa
  2. #62d5ae
  3. #7ad1b2
  4. #8fceb6
  5. #a1cab9
  6. #b2c6bd
  7. #c1c1c1

明清色と暗清色

#3fd8aaから白へ

  1. #3fd8aa
  2. #6cdfb8
  3. #8fe6c6
  4. #adedd4
  5. #c9f3e2
  6. #e4f9f0
  7. #ffffff / #fff

#3fd8aaから黒へ

  1. #3fd8aa
  2. #39b08b
  3. #328a6e
  4. #296652
  5. #204437
  6. #15251f
  7. #000000 / #000

塗料

色の一致度を示す距離にはΔE′ CAM16-UCSを使用します。値が小さいほどデジタル色見本が近いことを示します。この値はCIE76やCIEDE2000の値と互換性がなく、実際の塗料との一致を保証しません。 LRVはデジタルのsRGB色見本からの推定値で、メーカーが実際の塗料を測定した値ではありません。

塗料の色はデジタル上の近似値です。実際の塗料や照明によって見え方が異なる場合があります。

類似の塗料

  1. Plascon

    Eastern Wind G5-A2-1
    #54dcb4
    アンダートーン ≈ 寒色系 / 緑

    ΔE′ CAM16-UCS = 2.65 / LRV ≈ 56.4% (Δ = +3.3、より明るい)
  2. Bristol

    Sea Horse / P144-C5
    #50cfa4
    アンダートーン ≈ 寒色系 / 緑

    ΔE′ CAM16-UCS = 2.937 / LRV ≈ 49.0% (Δ = -4.1、より暗い)
  3. Toyo Ink

    CF10304
    #35d2ad
    アンダートーン ≈ 寒色系 / 緑

    ΔE′ CAM16-UCS = 3.024 / LRV ≈ 49.9% (Δ = -3.2、より暗い)

色覚特性のシミュレーション

異常3色覚

程度

2色覚

1色覚

シミュレーションは近似です。色の見え方には個人差があり、画面や照明によっても変わります。杆体視は、全色盲の人が感じる明るさを示します(赤はより暗く、青緑はより明るく見えます)。赤緑の数値は北ヨーロッパ系の人々のもので、割合は祖先によって異なります。

#3fd8aaのコントラスト比

背景色WCAG 2.2通常の文字大きな文字非テキストUI最も近い適合色 (4.5:1)色覚特性のシミュレーション
#ffffff1.81:1不適合不適合不適合#00875f
#00000011.61:1AAAAAAAA
補色 #ffa6d21.0:1不適合不適合不適合#005c37見分けにくい可能性があります
類似色 #8cd27d1.0:1不適合不適合不適合#005b37見分けにくい可能性があります
類似色 #00d6d71.0:1不適合不適合不適合#005b37見分けにくい可能性があります
分裂補色 #ffaab01.0:1不適合不適合不適合#005b37見分けにくい可能性があります
分裂補色 #e6abff1.0:1不適合不適合不適合#005b37見分けにくい可能性があります
トライアド #ffad8d1.0:1不適合不適合不適合#005b37見分けにくい可能性があります
トライアド #b1bdff1.0:1不適合不適合不適合#005b37見分けにくい可能性があります
スクエア #80c8ff1.0:1不適合不適合不適合#005b37見分けにくい可能性があります
スクエア #efb7621.0:1不適合不適合不適合#005b37見分けにくい可能性があります
テトラード #00d2fa1.0:1不適合不適合不適合#005b37見分けにくい可能性があります
チェッカーの仕組み

大きな文字:18 pt以上、または太字で14 pt以上。丸めは表示のみに適用し、適合判定には元の値を使用します。

OkLChの色相とクロマを固定して明度を調整し、sRGBへのクリップと丸めの後、結果を再確認します。

シミュレーション後のCIE76 ΔEが10未満の場合に注意を表示します。近似でありWCAG要件ではありません。色だけに頼らないでください。

#3fd8aaのHTML / CSSコード例

#3fd8aaの前景色

物書て扇引さく餘波哉

松尾芭蕉
<p style="color: #3fd8aa">…</p>

#3fd8aaの背景色

蝉が鳴いて蒸し暑さはいっそうはげしい。

寺田寅彦
<p style="background-color: #3fd8aa">…</p>

#3fd8aaのテキストシャドウ

実際科学者はみんな名探偵でなければならない。

寺田寅彦
<p style="text-shadow: 0.1em 0.1em 0.15em #3fd8aa">…</p>

構成表

色空間変換

入力:不透明な8ビットsRGB、CIE 1931 2°標準観測者。XYZとCIELab/LChは、D50と明記した場合を除きD65を使用します。D50への変換にはBradford色順応を使用します。XYZの白色はY = 100、CSSとu′v′YではY = 1です。表示座標は丸められています。

色の一致度を示す距離にはΔE′ CAM16-UCSを使用します。値が小さいほどデジタル色見本が近いことを示します。この値はCIE76やCIEDE2000の値と互換性がなく、実際の塗料との一致を保証しません。

Y′CbCr 値は正規化座標、または量子化前の 10 ビットリミテッドレンジのコード値です。

CIECAM02とCAM02-UCS: D65; LA = 40 cd/m²; Yb = 20 (Yw = 100); F = 1, c = 0.69, Nc = 1.

CAM16とCAM16-UCS: D65; LA = 40 cd/m²; Yb = 20 (Yw = 100); F = 1, c = 0.69, Nc = 1. 平均的な明るさの周囲環境。

HCT (Material Color Utilities): D65; LA ≈ 11.73 cd/m²; Yb = 18.42 (Yw = 100); F = 1, c = 0.69, Nc = 1; T = L*.

JzAzBzとJzCzHzでは白色を1 cd/m²とします。この輝度の規約はBT.2100プリセットとは別です。

ACES 値は Bradford 色順応による測色的変換を使用し、シーンの露出を復元するものではありません。

BT.2100 PQ/HLGとICtCpはsRGBの白を203 cd/m²と仮定します。HLG:ピーク1000 cd/m²、黒0 cd/m²、システムガンマ1.2、基準周囲環境。

10進数
4184234
2進数
00111111, 11011000, 10101010
16進数
#3fd8aa
LRV
≈ 53.1%
LRVはデジタルのsRGB色見本からの推定値で、メーカーが実際の塗料を測定した値ではありません。
最も近い短い16進数
#3da ΔE′ CAM16-UCS = 1.788 / ΔLRV = +2.2 (より明るい)
RGB
rgb(63, 216, 170)
RGBA
rgba(63, 216, 170, 1.0)
Adobe RGB (1998)
R: 0.51377、G: 0.84289、B: 0.66936
rg色度
r: 0.14、g: 0.481、b: 0.379
RYB
赤色: 24.706%、黄色: 60.014%、青色: 84.706%
Android/android.graphics.Color
-12592982/0xff3fd8aa
HSL
hsl(161.96078, 66.23377%, 54.70588%)
HSLA
hsla(161.96078, 66.23377%, 54.70588%, 1.0)
HSV/HSB
色相: 162° (161.961)、彩度: 71% (0.708)、明度: 85% (0.847)
HSP
色相: 161.961、彩度: 70.833%、知覚される明るさ: 70.007%
HSLuv(HUSL)
H: 157.234、S: 90.163、L: 77.914
Cubehelix
H: -207.476、S: 0.98、L: 0.647
TSL
T: -1.191、S: 0.326、L: 0.647
CMYK
シアン色: 71% (0.708)、マゼンタ色: 0% (0.0)、黄色: 21% (0.213)、ブラック: 15% (0.153)
CMYKはICCプリンタープロファイルを使用せず、RGBから求めた簡易的な近似値です。印刷仕様としては使えません。
CMY
シアン色: 75% (0.753)、マゼンタ色: 15% (0.153)、黄色: 33% (0.333)
XYZ D65 / Y=100
X: 33.858、Y: 53.067、Z: 46.481
xyY
x: 0.254、y: 0.398、Y: 53.067
CIELab D65
L: 77.914、a: -50.364、b: 11.33
CIELuv
L: 77.914、u: -58.87、v: 24.705
CIELCH/LCHab D65
L: 77.914、C: 51.622、H: 167.322
CIELUV/LCHuv
L: 77.914、C: 63.843、H: 157.234
Hunter-Lab
L: 72.847、a: -44.52、b: 13.162
CIECAM02
J: 68.439、C: 50.733、h: 169.459、Q: 162.99、M: 44.365、s: 52.172、H: 208.411
CAM16 JCh
明度: 68.461、クロマ: 54.126、色相: 170.58
CAM16 JMh
明度: 68.461、カラフルネス: 47.332、色相: 170.58
CAM16 Jsh
明度: 68.461、彩度: 53.883、色相: 170.58
CAM16 QCh
知覚される明るさ: 163.027、クロマ: 54.126、色相: 170.58
CAM16 QMh
知覚される明るさ: 163.027、カラフルネス: 47.332、色相: 170.58
CAM16 Qsh
知覚される明るさ: 163.027、彩度: 53.883、色相: 170.58
CAM16 UCS JMh
明度: 78.679、カラフルネス: 32.104、色相: 170.58
CAM16 UCS Jab
明度: 78.679、a: -31.671、b: 5.255
HCT
H: 170.824、C: 54.646、T: 77.917
OSA-UCS
明度: -9.915、黄色: 1.974、緑色: 7.386
LMS
L: 40.06、M: 66.542、S: 46.533
YCbCr / BT.601 / sRGB / 8 ビット [16–235、16–240]
Y: 157.715、Cb: 130.45、Cr: 64.099
YCoCg
Y: 166.25、Cg: 49.75、Co: -11.0
YDbDr
Y: 165.009、Db: 7.532、Dr: 193.967
YPbPr
Y: 180.099、Pb: -5.405、Pr: -74.384
xvYCC
Y: 170.673、Cb: 123.252、Cr: 62.659
YIQ
Y: 165.009、I: -76.366、Q: -46.665
YUV
Y: 165.009、U: 2.457、V: -89.495
Okhsl
h: 168.31、s: 0.855、l: 0.758
Okhsv
h: 168.31、s: 0.818、v: 0.861
Okhwb
h: 168.31、w: 0.156、b: 0.139
Oklab
oklab(0.7918 -0.13998 0.02896)
OkLCh
oklch(0.7918 0.14295 168.31)
JzAzBz
Jz: 0.01088、Az: -0.00976、Bz: 0.00185
JzCzHz
Jz: 0.01088、Cz: 0.00993、Hz: 169.28741
Linear sRGB
color(srgb-linear 0.049707 0.686685 0.401978)
Display P3
color(display-p3 0.440165 0.835378 0.677472)
Linear Display P3
color(display-p3-linear 0.162778 0.665538 0.416574)
Adobe RGB (1998) / CSS
color(a98-rgb 0.513773 0.842893 0.669426)
ProPhoto RGB / ROMM RGB
color(prophoto-rgb 0.521215 0.764015 0.625330)
Rec.2020 RGB / SDR
color(rec2020 0.583688 0.830004 0.697532)
XYZ D65 / CSS
color(xyz-d65 0.338576 0.530668 0.464810)
XYZ D50 / CSS
color(xyz-d50 0.343609 0.527697 0.354455)
CIELab D50 / CSS
lab(77.738810 -49.560168 10.716515)
CIELCh D50 / CSS
lch(77.738810 50.705561 167.798644)
HWB
hwb(161.960784 24.705882% 15.294118%)
Rec.709 RGB / OETF
R′: 0.185478、G′: 0.828934、B′: 0.630171
eciRGB v2
R: 0.575643、G: 0.864279、B: 0.699148
CIE 1976 u′v′Y / Y=1
u′: 0.139719、v′: 0.492727、Y: 0.530668
CAM02-UCS
J′: 78.661297、a′: -30.135986、b′: 5.607642
Y′CbCr BT.709 / Y′ [0、1]、Cb/Cr [−0.5、0.5]
Y′: 0.677784、Cb: -0.025660、Cr: -0.312615
Y′CbCr BT.709 / 10 ビット [64–940、64–960]
Y′: 657.739172、Cb: 489.009045、Cr: 231.896606
Y′CbCr BT.2020 NCL / Y′ [0、1]、Cb/Cr [−0.5、0.5]
Y′: 0.715806、Cb: -0.037253、Cr: -0.135973
Y′CbCr BT.2020 NCL / 10 ビット [64–940、64–960]
Y′: 691.045932、Cb: 478.620966、Cr: 390.167820
ACEScg / AP1
R: 0.282628、G: 0.638138、B: 0.425912
ACES2065-1 / AP0
R: 0.356121、G: 0.601938、B: 0.427558
ACEScct
R: 0.450741、G: 0.517805、B: 0.484511
BT.2100 PQ / RGB
R′: 0.450698、G′: 0.534482、B′: 0.492460
BT.2100 HLG / RGB
R′: 0.492453、G′: 0.681480、B′: 0.592965
ICtCp / BT.2100 PQ
I: 0.512188、Ct: -0.066735、Cp: -0.064398
ICtCp / BT.2100 HLG
I: 0.635521、Ct: -0.077762、Cp: -0.071893
マンセルカラーシステム
7.5G 8/10 ΔE′ CAM16-UCS = 3.05 / ΔLRV = +5.0 (より明るい)
ブランドカラー
Steemit ΔE′ CAM16-UCS = 2.195 / ΔLRV = -2.1 (より暗い)

ランダム色

赤

緑

青