#02e3c6
十六進の色コード十六進の色コード#02e3c6
シアン色の色合いです。光の三原色RGBにおいて色モデル#02e3c6
は0.78%の赤色、89.02%の绿色、77.65%の青色でできている。HSLで色彩空間#02e3c6
は172.27度の色調、98.25%の彩度、44.9%の明るさを有している。この色は約512 nmの波長である。
#02e3c6
情報反転
#fd1c39 25% 飽和度
#00e4c7 濃淡階調
#727272
rgb(2, 227, 198)
rgba(2, 227, 198, 1.0)
赤色:0.7843%、黄色:47.9409%、青色:89.0196%
#02e3c6
189382
-16587834 / 0xff02e3c6
hsl(172, 98%, 45%)
hsla(172, 98%, 45%, 1.0)
色調:172(172.2667)、彩度:99(99.1189)、値:89(89.0196)
X:37.6872、Y:59.0283、Z:62.8334
x:0.2362、y:0.37、Y:59.0283
L:81.3071、a:-52.0985、b:1.261
L:81.3071、u:-65.7736、v:10.1234
L:81.3071、C:52.1138、H:178.6134
L:76.8299、a:-46.8931、b:5.2921
シアン色:99(0.9912)、マゼンタ色:0(0)、黄色:13(0.1278)、黒色:11(0.1098)
シアン色:99(0.9922)、マゼンタ色:11(0.1098)、黄色:22(0.2235)
Y:156.419、I:-124.7195、Q:-56.6005
Y:156.419、U:20.4625、V:-135.4747
Y:156.419、Db:62.593、Dr:293.632
Y:150.326、Cb:148.569、Cr:31.284
Y:176.987、Pb:11.375、Pr:-111.166
10G 8/10近似、完全一致:Munsell 10G 8/10 / #37e1c3
#02e3c6
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02e3c6
黒まで#02e3c6
白まで#02e3c6
前景
<p style="color: #02e3c6; background-color: #000">#02e3c6前景</p>
#02e3c6
背景
<p style="background-color: #02e3c6">#02e3c6背景</p>
#02e3c6
境界
<p style="border: #02e3c6 3px solid">#02e3c6境界</p>
#02e3c6
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e3c6, #fff); background: -webkit-radial-gradient(50% 50%, #02e3c6, #fff); background: -o-radial-gradient(50% 50%, #02e3c6, #fff); background: -ms-radial-gradient(50% 50%, #02e3c6, #fff); background: radial-gradient(50% 50%, #02e3c6, #fff)">#02e3c6放射状グラデーション</p>
#02e3c6
を補足するための#e3011f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e3c6, #e3011f); background: -webkit-linear-gradient(top, #02e3c6, #e3011f); background: -o-linear-gradient(top, #02e3c6, #e3011f); background: -ms-linear-gradient(top, #02e3c6, #e3011f); background: linear-gradient(top, #02e3c6, #e3011f); color: #000">
#02e3c6
を補足するための#e3011f
線上グラデーション</p>
#02e3c6
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e3c6">#02e3c6テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02e3c6
に関連している順番で並べらられている。関連は、十六進法の色#02e3c6
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: