#02a187
十六進の色コード十六進の色コード#02a187
シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02a187
は0.78%の赤色、63.14%の绿色、52.94%の青色でできている。HSLで色彩空間#02a187
は170.19度の色調、97.55%の彩度、31.96%の明るさを有している。この色は約513 nmの波長である。
#02a187
情報反転
#fd5e78 25% 飽和度
#00a388 濃淡階調
#515151
rgb(2, 161, 135)
rgba(2, 161, 135, 1.0)
赤色:0.7843%、黄色:34.7368%、青色:63.1373%
#02a187
172423
-16604793 / 0xff02a187
hsl(170, 98%, 32%)
hsla(170, 98%, 32%, 1.0)
色調:170(170.1887)、彩度:99(98.7578)、値:63(63.1373)
X:17.1431、Y:27.2519、Z:27.2783
x:0.2392、y:0.3802、Y:27.2519
L:59.2068、a:-41.6661、b:3.5861
L:59.2068、u:-48.3289、v:11.318
L:59.2068、C:41.8201、H:175.0809
L:52.2034、a:-32.7382、b:5.561
シアン色:99(0.9876)、マゼンタ色:0(0)、黄色:16(0.1615)、黒色:37(0.3686)
シアン色:99(0.9922)、マゼンタ色:37(0.3686)、黄色:47(0.4706)
Y:110.495、I:-86.366、Q:-41.711
Y:110.495、U:12.0593、V:-95.1847
Y:110.495、Db:36.892、Dr:206.305
Y:110.888、Cb:140.118、Cr:60.045
Y:125.261、Pb:5.285、Pr:-78.304
7.5G 6/8近似、完全一致:Munsell 7.5G 6/8 / #33a689
#02a187
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02a187
黒まで#02a187
白まで#02a187
前景
<p style="color: #02a187">#02a187前景</p>
#02a187
背景
<p style="background-color: #02a187; color: #fff">#02a187背景</p>
#02a187
境界
<p style="border: #02a187 3px solid">#02a187境界</p>
#02a187
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a187, #fff); background: -webkit-radial-gradient(50% 50%, #02a187, #fff); background: -o-radial-gradient(50% 50%, #02a187, #fff); background: -ms-radial-gradient(50% 50%, #02a187, #fff); background: radial-gradient(50% 50%, #02a187, #fff); color: #fff">#02a187放射状グラデーション</p>
#02a187
を補足するための#a1011c
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a187, #a1011c); background: -webkit-linear-gradient(top, #02a187, #a1011c); background: -o-linear-gradient(top, #02a187, #a1011c); background: -ms-linear-gradient(top, #02a187, #a1011c); background: linear-gradient(top, #02a187, #a1011c); color: #fff">
#02a187
を補足するための#a1011c
線上グラデーション</p>
#02a187
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a187">#02a187テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02a187
に関連している順番で並べらられている。関連は、十六進法の色#02a187
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: