#02bc93
十六進の色コード十六進の色コード#02bc93
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02bc93
は0.78%の赤色、73.73%の绿色、57.65%の青色でできている。HSLで色彩空間#02bc93
は166.77度の色調、97.89%の彩度、37.25%の明るさを有している。この色は約515 nmの波長である。
#02bc93
情報反転
#fd436c 25% 飽和度
#00be94 濃淡階調
#5f5f5f
rgb(2, 188, 147)
rgba(2, 188, 147, 1.0)
赤色:0.7843%、黄色:41.7724%、青色:73.7255%
#02bc93
179347
-16597869 / 0xff02bc93
hsl(167, 98%, 37%)
hsla(167, 98%, 37%, 1.0)
色調:167(166.7742)、彩度:99(98.9362)、値:74(73.7255)
X:23.2747、Y:38.0859、Z:33.7284
x:0.2448、y:0.4005、Y:38.0859
L:68.0839、a:-49.6172、b:9.6481
L:68.0839、u:-56.6713、v:21.536
L:68.0839、C:50.5466、H:168.9961
L:61.7138、a:-40.6797、b:10.796
シアン色:99(0.9894)、マゼンタ色:0(0)、黄色:22(0.2181)、黒色:26(0.2627)
シアン色:99(0.9922)、マゼンタ色:26(0.2627)、黄色:42(0.4235)
Y:127.712、I:-97.6314、Q:-52.0874
Y:127.712、U:9.4921、V:-110.2896
Y:127.712、Db:29.047、Dr:239.041
Y:125.672、Cb:137.529、Cr:49.257
Y:145.43、Pb:0.89、Pr:-91.114
7.5G 7/10近似、完全一致:Munsell 7.5G 7/10 / #19c59f
#02bc93
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02bc93
黒まで#02bc93
白まで#02bc93
前景
<p style="color: #02bc93; background-color: #000">#02bc93前景</p>
#02bc93
背景
<p style="background-color: #02bc93">#02bc93背景</p>
#02bc93
境界
<p style="border: #02bc93 3px solid">#02bc93境界</p>
#02bc93
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bc93, #fff); background: -webkit-radial-gradient(50% 50%, #02bc93, #fff); background: -o-radial-gradient(50% 50%, #02bc93, #fff); background: -ms-radial-gradient(50% 50%, #02bc93, #fff); background: radial-gradient(50% 50%, #02bc93, #fff)">#02bc93放射状グラデーション</p>
#02bc93
を補足するための#bc012a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bc93, #bc012a); background: -webkit-linear-gradient(top, #02bc93, #bc012a); background: -o-linear-gradient(top, #02bc93, #bc012a); background: -ms-linear-gradient(top, #02bc93, #bc012a); background: linear-gradient(top, #02bc93, #bc012a); color: #000">
#02bc93
を補足するための#bc012a
線上グラデーション</p>
#02bc93
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bc93">#02bc93テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02bc93
に関連している順番で並べらられている。関連は、十六進法の色#02bc93
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: