色見本
RGB
CMYK
RYB
#02c9d5十六進の色コード十六進の色コード#02c9d5シアン色の色合いです。光の三原色RGBにおいて色モデル#02c9d5は0.78%の赤色、78.82%の绿色、83.53%の青色でできている。HSLで色彩空間#02c9d5は183.41度の色調、98.14%の彩度、42.16%の明るさを有している。この色は約505 nmの波長である。
#02c9d5情報反転
#fd362a 25% 飽和度
#00cad7 濃淡階調
#6b6b6b
rgb(2, 201, 213)
rgba(2, 201, 213, 1.0)
赤色：0.7843%、黄色：40.946%、青色：83.5294%
#02c9d5
182741
-16594475 / 0xff02c9d5
hsl(183, 98%, 42%)
hsla(183, 98%, 42%, 1.0)
色調：183（183.4123）、彩度：99（99.061）、値：84（83.5294）
X：32.9219、Y：46.5903、Z：70.2084
x：0.2199、y：0.3112、Y：46.5903
L：73.9269、a：-36.4718、b：-17.7387
L：73.9269、u：-55.8404、v：-22.4846
L：73.9269、C：40.5568、H：205.9368
L：68.2571、a：-33.3553、b：-13.2051
シアン色：99（0.9906）、マゼンタ色：6（0.0563）、黄色：0（0）、黒色：16（0.1647）
シアン色：99（0.9922）、マゼンタ色：21（0.2118）、黄色：16（0.1647）
Y：142.867、I：-122.4026、Q：-38.3461
Y：142.867、U：34.5129、V：-123.5851
Y：142.867、Db：105.546、Dr：267.871
Y：138.692、Cb：162.72、Cr：39.787
Y：159.477、Pb：28.885、Pr：-100.052
7.5BG 7/8近似、完全一致：Munsell 7.5BG 7/8 / #37c0c8
#02c9d5配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02c9d5黒まで#02c9d5白まで#02c9d5前景
<p style="color: #02c9d5; background-color: #000">#02c9d5前景</p>
#02c9d5背景
<p style="background-color: #02c9d5">#02c9d5背景</p>
#02c9d5境界
<p style="border: #02c9d5 3px solid">#02c9d5境界</p>
#02c9d5放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c9d5, #fff); background: -webkit-radial-gradient(50% 50%, #02c9d5, #fff); background: -o-radial-gradient(50% 50%, #02c9d5, #fff); background: -ms-radial-gradient(50% 50%, #02c9d5, #fff); background: radial-gradient(50% 50%, #02c9d5, #fff)">#02c9d5放射状グラデーション</p>
#02c9d5を補足するための#d50d01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c9d5, #d50d01); background: -webkit-linear-gradient(top, #02c9d5, #d50d01); background: -o-linear-gradient(top, #02c9d5, #d50d01); background: -ms-linear-gradient(top, #02c9d5, #d50d01); background: linear-gradient(top, #02c9d5, #d50d01); color: #000">#02c9d5を補足するための#d50d01線上グラデーション</p>
#02c9d5テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c9d5">#02c9d5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c9d5に関連している順番で並べらられている。関連は、十六進法の色#02c9d5の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：