#02b3ab
十六進の色コード十六進の色コード#02b3ab
シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02b3ab
は0.78%の赤色、70.2%の绿色、67.06%の青色でできている。HSLで色彩空間#02b3ab
は177.29度の色調、97.79%の彩度、35.49%の明るさを有している。この色は約508 nmの波長である。
#02b3ab
情報反転
#fd4c54 25% 飽和度
#00b4ac 濃淡階調
#5a5a5a
rgb(2, 179, 171)
rgba(2, 179, 171, 1.0)
赤色:0.7843%、黄色:36.2926%、青色:70.1961%
#02b3ab
177067
-16600149 / 0xff02b3ab
hsl(177, 98%, 35%)
hsla(177, 98%, 35%, 1.0)
色調:177(177.2881)、彩度:99(98.8827)、値:70(70.1961)
X:23.4958、Y:35.1934、Z:44.0827
x:0.2286、y:0.3424、Y:35.1934
L:65.8989、a:-39.2119、b:-6.751
L:65.8989、u:-51.7147、v:-4.3047
L:65.8989、C:39.7888、H:189.7687
L:59.324、a:-33.1204、b:-2.5306
シアン色:99(0.9888)、マゼンタ色:0(0)、黄色:4(0.0447)、黒色:30(0.298)
シアン色:99(0.9922)、マゼンタ色:30(0.298)、黄色:33(0.3294)
Y:125.165、I:-102.8716、Q:-39.9168
Y:125.165、U:22.5558、V:-108.0549
Y:125.165、Db:68.986、Dr:234.205
Y:123.488、Cb:150.684、Cr:50.865
Y:140.723、Pb:16.355、Pr:-88.132
2.5BG 6/8近似、完全一致:Munsell 2.5BG 6/8 / #12a69a
#02b3ab
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02b3ab
黒まで#02b3ab
白まで#02b3ab
前景
<p style="color: #02b3ab; background-color: #000">#02b3ab前景</p>
#02b3ab
背景
<p style="background-color: #02b3ab">#02b3ab背景</p>
#02b3ab
境界
<p style="border: #02b3ab 3px solid">#02b3ab境界</p>
#02b3ab
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b3ab, #fff); background: -webkit-radial-gradient(50% 50%, #02b3ab, #fff); background: -o-radial-gradient(50% 50%, #02b3ab, #fff); background: -ms-radial-gradient(50% 50%, #02b3ab, #fff); background: radial-gradient(50% 50%, #02b3ab, #fff)">#02b3ab放射状グラデーション</p>
#02b3ab
を補足するための#b30109
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b3ab, #b30109); background: -webkit-linear-gradient(top, #02b3ab, #b30109); background: -o-linear-gradient(top, #02b3ab, #b30109); background: -ms-linear-gradient(top, #02b3ab, #b30109); background: linear-gradient(top, #02b3ab, #b30109); color: #000">
#02b3ab
を補足するための#b30109
線上グラデーション</p>
#02b3ab
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b3ab">#02b3abテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02b3ab
に関連している順番で並べらられている。関連は、十六進法の色#02b3ab
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: