#02b8dd
十六進の色コード十六進の色コード#02b8dd
シアン色の色合いです。光の三原色RGBにおいて色モデル#02b8dd
は0.78%の赤色、72.16%の绿色、86.67%の青色でできている。HSLで色彩空間#02b8dd
は190.14度の色調、98.21%の彩度、43.73%の明るさを有している。この色は約500 nmの波長である。
#02b8dd
情報反転
#fd4722 25% 飽和度
#00b9df 濃淡階調
#6f6f6f
rgb(2, 184, 221)
rgba(2, 184, 221, 1.0)
赤色:0.7843%、黄色:39.7633%、青色:86.6667%
#02b8dd
178397
-16598819 / 0xff02b8dd
hsl(190, 98%, 44%)
hsla(190, 98%, 44%, 1.0)
色調:190(190.137)、彩度:99(99.095)、値:87(86.6667)
X:30.2167、Y:39.5143、Z:74.4411
x:0.2096、y:0.2741、Y:39.5143
L:69.1222、a:-25.656、b:-29.4274
L:69.1222、u:-49.4354、v:-43.22
L:69.1222、C:39.041、H:228.9167
L:62.8604、a:-24.2018、b:-26.2105
シアン色:99(0.991)、マゼンタ色:17(0.1674)、黄色:0(0)、黒色:13(0.1333)
シアン色:99(0.9922)、マゼンタ色:28(0.2784)、黄色:13(0.1333)
Y:133.8、I:-120.307、Q:-26.973
Y:133.8、U:42.9115、V:-115.6304
Y:133.8、Db:131.221、Dr:250.635
Y:130.908、Cb:171.179、Cr:45.475
Y:147.898、Pb:39.43、Pr:-92.702
2.5B 7/8近似、完全一致:Munsell 2.5B 7/8 / #3abedb
#02b8dd
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02b8dd
黒まで#02b8dd
白まで#02b8dd
前景
<p style="color: #02b8dd; background-color: #000">#02b8dd前景</p>
#02b8dd
背景
<p style="background-color: #02b8dd">#02b8dd背景</p>
#02b8dd
境界
<p style="border: #02b8dd 3px solid">#02b8dd境界</p>
#02b8dd
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b8dd, #fff); background: -webkit-radial-gradient(50% 50%, #02b8dd, #fff); background: -o-radial-gradient(50% 50%, #02b8dd, #fff); background: -ms-radial-gradient(50% 50%, #02b8dd, #fff); background: radial-gradient(50% 50%, #02b8dd, #fff)">#02b8dd放射状グラデーション</p>
#02b8dd
を補足するための#dd2601
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b8dd, #dd2601); background: -webkit-linear-gradient(top, #02b8dd, #dd2601); background: -o-linear-gradient(top, #02b8dd, #dd2601); background: -ms-linear-gradient(top, #02b8dd, #dd2601); background: linear-gradient(top, #02b8dd, #dd2601); color: #000">
#02b8dd
を補足するための#dd2601
線上グラデーション</p>
#02b8dd
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b8dd">#02b8ddテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02b8dd
に関連している順番で並べらられている。関連は、十六進法の色#02b8dd
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: