#02bc87
十六進の色コード十六進の色コード#02bc87
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02bc87
は0.78%の赤色、73.73%の绿色、52.94%の青色でできている。HSLで色彩空間#02bc87
は162.9度の色調、97.89%の彩度、37.25%の明るさを有している。この色は約517 nmの波長である。
#02bc87
情報反転
#fd4378 25% 飽和度
#00be87 濃淡階調
#5f5f5f
rgb(2, 188, 135)
rgba(2, 188, 135, 1.0)
赤色:0.7843%、黄色:43.3143%、青色:73.7255%
#02bc87
179335
-16597881 / 0xff02bc87
hsl(163, 98%, 37%)
hsla(163, 98%, 37%, 1.0)
色調:163(162.9032)、彩度:99(98.9362)、値:74(73.7255)
X:22.3814、Y:37.7286、Z:29.0244
x:0.2511、y:0.4233、Y:37.7286
L:67.8201、a:-52.5345、b:15.8019
L:67.8201、u:-57.5588、v:30.3521
L:67.8201、C:54.8596、H:163.2592
L:61.4236、a:-42.4498、b:14.9803
シアン色:99(0.9894)、マゼンタ色:0(0)、黄色:28(0.2819)、黒色:26(0.2627)
シアン色:99(0.9922)、マゼンタ色:26(0.2627)、黄色:47(0.4706)
Y:126.344、I:-93.7762、Q:-55.821
Y:126.344、U:4.2601、V:-109.0895
Y:126.344、Db:13.051、Dr:236.437
Y:124.496、Cb:132.261、Cr:50.109
Y:144.566、Pb:-5.11、Pr:-90.562
5G 7/10近似、完全一致:Munsell 5G 7/10 / #33c595
#02bc87
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02bc87
黒まで#02bc87
白まで#02bc87
前景
<p style="color: #02bc87; background-color: #000">#02bc87前景</p>
#02bc87
背景
<p style="background-color: #02bc87">#02bc87背景</p>
#02bc87
境界
<p style="border: #02bc87 3px solid">#02bc87境界</p>
#02bc87
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bc87, #fff); background: -webkit-radial-gradient(50% 50%, #02bc87, #fff); background: -o-radial-gradient(50% 50%, #02bc87, #fff); background: -ms-radial-gradient(50% 50%, #02bc87, #fff); background: radial-gradient(50% 50%, #02bc87, #fff)">#02bc87放射状グラデーション</p>
#02bc87
を補足するための#bc0136
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bc87, #bc0136); background: -webkit-linear-gradient(top, #02bc87, #bc0136); background: -o-linear-gradient(top, #02bc87, #bc0136); background: -ms-linear-gradient(top, #02bc87, #bc0136); background: linear-gradient(top, #02bc87, #bc0136); color: #000">
#02bc87
を補足するための#bc0136
線上グラデーション</p>
#02bc87
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bc87">#02bc87テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02bc87
に関連している順番で並べらられている。関連は、十六進法の色#02bc87
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: