色見本
RGB
CMYK
RYB
#02c7d2十六進の色コード十六進の色コード#02c7d2シアン色の色合いです。光の三原色RGBにおいて色モデル#02c7d2は0.78%の赤色、78.04%の绿色、82.35%の青色でできている。HSLで色彩空間#02c7d2は183.17度の色調、98.11%の彩度、41.57%の明るさを有している。この色は約505 nmの波長である。
#02c7d2情報反転
#fd382d 25% 飽和度
#00c8d3 濃淡階調
#696969
rgb(2, 199, 210)
rgba(2, 199, 210, 1.0)
赤色：0.7843%、黄色：40.4609%、青色：82.3529%
#02c7d2
182226
-16594990 / 0xff02c7d2
hsl(183, 98%, 42%)
hsla(183, 98%, 42%, 1.0)
色調：183（183.1731）、彩度：99（99.0476）、値：82（82.3529）
X：32.0813、Y：45.5129、Z：68.0668
x：0.2202、y：0.3125、Y：45.5129
L：73.2283、a：-36.4751、b：-17.1681
L：73.2283、u：-55.4048、v：-21.5191
L：73.2283、C：40.3135、H：205.2055
L：67.4632、a：-33.1772、b：-12.5961
シアン色：99（0.9905）、マゼンタ色：5（0.0524）、黄色：0（0）、黒色：18（0.1765）
シアン色：99（0.9922）、マゼンタ色：22（0.2196）、黄色：18（0.1765）
Y：141.351、I：-120.8899、Q：-38.2343
Y：141.351、U：33.7826、V：-122.2551
Y：141.351、Db：103.313、Dr：264.988
Y：137.39、Cb：161.985、Cr：40.736
Y：157.831、Pb：28.155、Pr：-99.006
7.5BG 7/8近似、完全一致：Munsell 7.5BG 7/8 / #37c0c8
#02c7d2配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02c7d2黒まで#02c7d2白まで#02c7d2前景
<p style="color: #02c7d2; background-color: #000">#02c7d2前景</p>
#02c7d2背景
<p style="background-color: #02c7d2">#02c7d2背景</p>
#02c7d2境界
<p style="border: #02c7d2 3px solid">#02c7d2境界</p>
#02c7d2放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c7d2, #fff); background: -webkit-radial-gradient(50% 50%, #02c7d2, #fff); background: -o-radial-gradient(50% 50%, #02c7d2, #fff); background: -ms-radial-gradient(50% 50%, #02c7d2, #fff); background: radial-gradient(50% 50%, #02c7d2, #fff)">#02c7d2放射状グラデーション</p>
#02c7d2を補足するための#d20c01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c7d2, #d20c01); background: -webkit-linear-gradient(top, #02c7d2, #d20c01); background: -o-linear-gradient(top, #02c7d2, #d20c01); background: -ms-linear-gradient(top, #02c7d2, #d20c01); background: linear-gradient(top, #02c7d2, #d20c01); color: #000">#02c7d2を補足するための#d20c01線上グラデーション</p>
#02c7d2テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c7d2">#02c7d2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c7d2に関連している順番で並べらられている。関連は、十六進法の色#02c7d2の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：