#02bce1
十六進の色コード十六進の色コード#02bce1
シアン色の色合いです。光の三原色RGBにおいて色モデル#02bce1
は0.78%の赤色、73.73%の绿色、88.24%の青色でできている。HSLで色彩空間#02bce1
は189.96度の色調、98.24%の彩度、44.51%の明るさを有している。この色は約500 nmの波長である。
#02bce1
情報反転
#fd431e 25% 飽和度
#00bde3 濃淡階調
#717171
rgb(2, 188, 225)
rgba(2, 188, 225, 1.0)
赤色:0.7843%、黄色:40.5542%、青色:88.2353%
#02bce1
179425
-16597791 / 0xff02bce1
hsl(190, 98%, 45%)
hsla(190, 98%, 45%, 1.0)
色調:190(189.9552)、彩度:99(99.1111)、値:88(88.2353)
X:31.5989、Y:41.4156、Z:77.5627
x:0.2099、y:0.275、Y:41.4156
L:70.4661、a:-26.3229、b:-29.5395
L:70.4661、u:-50.4787、v:-43.4291
L:70.4661、C:39.5661、H:228.2956
L:64.3549、a:-24.976、b:-26.4098
シアン色:99(0.9911)、マゼンタ色:16(0.1644)、黄色:0(0)、黒色:12(0.1176)
シアン色:99(0.9922)、マゼンタ色:26(0.2627)、黄色:12(0.1176)
Y:136.604、I:-122.6899、Q:-27.8188
Y:136.604、U:43.5001、V:-118.0904
Y:136.604、Db:133.021、Dr:255.967
Y:133.316、Cb:171.771、Cr:43.719
Y:151.046、Pb:39.89、Pr:-94.702
2.5B 7/8近似、完全一致:Munsell 2.5B 7/8 / #3abedb
#02bce1
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02bce1
黒まで#02bce1
白まで#02bce1
前景
<p style="color: #02bce1; background-color: #000">#02bce1前景</p>
#02bce1
背景
<p style="background-color: #02bce1">#02bce1背景</p>
#02bce1
境界
<p style="border: #02bce1 3px solid">#02bce1境界</p>
#02bce1
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bce1, #fff); background: -webkit-radial-gradient(50% 50%, #02bce1, #fff); background: -o-radial-gradient(50% 50%, #02bce1, #fff); background: -ms-radial-gradient(50% 50%, #02bce1, #fff); background: radial-gradient(50% 50%, #02bce1, #fff)">#02bce1放射状グラデーション</p>
#02bce1
を補足するための#e12601
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bce1, #e12601); background: -webkit-linear-gradient(top, #02bce1, #e12601); background: -o-linear-gradient(top, #02bce1, #e12601); background: -ms-linear-gradient(top, #02bce1, #e12601); background: linear-gradient(top, #02bce1, #e12601); color: #000">
#02bce1
を補足するための#e12601
線上グラデーション</p>
#02bce1
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bce1">#02bce1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02bce1
に関連している順番で並べらられている。関連は、十六進法の色#02bce1
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: