#02d1ef
十六進の色コード十六進の色コード#02d1ef
シアン色の色合いです。光の三原色RGBにおいて色モデル#02d1ef
は0.78%の赤色、81.96%の绿色、93.73%の青色でできている。HSLで色彩空間#02d1ef
は187.59度の色調、98.34%の彩度、47.25%の明るさを有している。この色は約502 nmの波長である。
#02d1ef
情報反転
#fd2e10 25% 飽和度
#00d2f0 濃淡階調
#787878
rgb(2, 209, 239)
rgba(2, 209, 239, 1.0)
赤色:0.7843%、黄色:44.115%、青色:93.7255%
#02d1ef
184815
-16592401 / 0xff02d1ef
hsl(188, 98%, 47%)
hsla(188, 98%, 47%, 1.0)
色調:188(187.5949)、彩度:99(99.1632)、値:94(93.7255)
X:38.4055、Y:51.8458、Z:89.6444
x:0.2135、y:0.2882、Y:51.8458
L:77.1886、a:-32.0269、b:-26.7796
L:77.1886、u:-56.4503、v:-38.4213
L:77.1886、C:41.7477、H:219.901
L:72.004、a:-30.7988、b:-23.4127
シアン色:99(0.9916)、マゼンタ色:13(0.1255)、黄色:0(0)、黒色:6(0.0627)
シアン色:99(0.9922)、マゼンタ色:18(0.1804)、黄色:6(0.0627)
Y:150.527、I:-132.9511、Q:-34.4373
Y:150.527、U:43.538、V:-130.3053
Y:150.527、Db:133.14、Dr:282.441
Y:145.272、Cb:171.806、Cr:34.997
Y:167.069、Pb:38.805、Pr:-104.88
2.5B 8/8近似、完全一致:Munsell 2.5B 8/8 / #54daf7
#02d1ef
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02d1ef
黒まで#02d1ef
白まで#02d1ef
前景
<p style="color: #02d1ef; background-color: #000">#02d1ef前景</p>
#02d1ef
背景
<p style="background-color: #02d1ef">#02d1ef背景</p>
#02d1ef
境界
<p style="border: #02d1ef 3px solid">#02d1ef境界</p>
#02d1ef
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d1ef, #fff); background: -webkit-radial-gradient(50% 50%, #02d1ef, #fff); background: -o-radial-gradient(50% 50%, #02d1ef, #fff); background: -ms-radial-gradient(50% 50%, #02d1ef, #fff); background: radial-gradient(50% 50%, #02d1ef, #fff)">#02d1ef放射状グラデーション</p>
#02d1ef
を補足するための#ee1f01
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d1ef, #ee1f01); background: -webkit-linear-gradient(top, #02d1ef, #ee1f01); background: -o-linear-gradient(top, #02d1ef, #ee1f01); background: -ms-linear-gradient(top, #02d1ef, #ee1f01); background: linear-gradient(top, #02d1ef, #ee1f01); color: #000">
#02d1ef
を補足するための#ee1f01
線上グラデーション</p>
#02d1ef
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d1ef">#02d1efテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02d1ef
に関連している順番で並べらられている。関連は、十六進法の色#02d1ef
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: