#02b6ae
十六進の色コード十六進の色コード#02b6ae
シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02b6ae
は0.78%の赤色、71.37%の绿色、68.24%の青色でできている。HSLで色彩空間#02b6ae
は177.33度の色調、97.83%の彩度、36.08%の明るさを有している。この色は約508 nmの波長である。
#02b6ae
情報反転
#fd4951 25% 飽和度
#00b8af 濃淡階調
#5c5c5c
rgb(2, 182, 174)
rgba(2, 182, 174, 1.0)
赤色:0.7843%、黄色:36.8806%、青色:71.3725%
#02b6ae
177838
-16599378 / 0xff02b6ae
hsl(177, 98%, 36%)
hsla(177, 98%, 36%, 1.0)
色調:177(177.3333)、彩度:99(98.9011)、値:71(71.3725)
X:24.393、Y:36.5248、Z:45.8087
x:0.2286、y:0.3422、Y:36.5248
L:66.919、a:-39.6644、b:-6.8987
L:66.919、u:-52.5055、v:-4.4754
L:66.919、C:40.2598、H:189.8666
L:60.4357、a:-33.7167、b:-2.6353
シアン色:99(0.989)、マゼンタ色:0(0)、黄色:4(0.044)、黒色:29(0.2863)
シアン色:99(0.9922)、マゼンタ色:29(0.2863)、黄色:32(0.3176)
Y:127.268、I:-104.6588、Q:-40.5512
Y:127.268、U:22.9972、V:-109.8999
Y:127.268、Db:70.336、Dr:238.204
Y:125.294、Cb:151.128、Cr:49.548
Y:143.084、Pb:16.7、Pr:-89.632
2.5BG 6/8近似、完全一致:Munsell 2.5BG 6/8 / #12a69a
#02b6ae
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02b6ae
黒まで#02b6ae
白まで#02b6ae
前景
<p style="color: #02b6ae; background-color: #000">#02b6ae前景</p>
#02b6ae
背景
<p style="background-color: #02b6ae">#02b6ae背景</p>
#02b6ae
境界
<p style="border: #02b6ae 3px solid">#02b6ae境界</p>
#02b6ae
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b6ae, #fff); background: -webkit-radial-gradient(50% 50%, #02b6ae, #fff); background: -o-radial-gradient(50% 50%, #02b6ae, #fff); background: -ms-radial-gradient(50% 50%, #02b6ae, #fff); background: radial-gradient(50% 50%, #02b6ae, #fff)">#02b6ae放射状グラデーション</p>
#02b6ae
を補足するための#b60109
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b6ae, #b60109); background: -webkit-linear-gradient(top, #02b6ae, #b60109); background: -o-linear-gradient(top, #02b6ae, #b60109); background: -ms-linear-gradient(top, #02b6ae, #b60109); background: linear-gradient(top, #02b6ae, #b60109); color: #000">
#02b6ae
を補足するための#b60109
線上グラデーション</p>
#02b6ae
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b6ae">#02b6aeテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02b6ae
に関連している順番で並べらられている。関連は、十六進法の色#02b6ae
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: