色見本
RGB
CMYK
RYB
#02c7ce十六進の色コード十六進の色コード#02c7ceシアン色の色合いです。光の三原色RGBにおいて色モデル#02c7ceは0.78%の赤色、78.04%の绿色、80.78%の青色でできている。HSLで色彩空間#02c7ceは182.06度の色調、98.08%の彩度、40.78%の明るさを有している。この色は約505 nmの波長である。
#02c7ce情報反転
#fd3831 25% 飽和度
#00c8d0 濃淡階調
#686868
rgb(2, 199, 206)
rgba(2, 199, 206, 1.0)
赤色：0.7843%、黄色：40.0861%、青色：80.7843%
#02c7ce
182222
-16594994 / 0xff02c7ce
hsl(182, 98%, 41%)
hsla(182, 98%, 41%, 1.0)
色調：182（182.0588）、彩度：99（99.0291）、値：81（80.7843）
X：31.589、Y：45.316、Z：65.4745
x：0.2219、y：0.3183、Y：45.316
L：73.0995、a：-37.7094、b：-15.1912
L：73.0995、u：-55.7281、v：-18.0997
L：73.0995、C：40.6543、H：201.9419
L：67.3171、a：-34.0427、b：-10.545
シアン色：99（0.9903）、マゼンタ色：3（0.034）、黄色：0（0）、黒色：19（0.1922）
シアン色：99（0.9922）、マゼンタ色：22（0.2196）、黄色：19（0.1922）
Y：140.895、I：-119.6049、Q：-39.4789
Y：140.895、U：32.0386、V：-121.8551
Y：140.895、Db：97.981、Dr：264.12
Y：136.998、Cb：160.229、Cr：41.02
Y：157.543、Pb：26.155、Pr：-98.822
7.5BG 7/8近似、完全一致：Munsell 7.5BG 7/8 / #37c0c8
#02c7ce配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02c7ce黒まで#02c7ce白まで#02c7ce前景
<p style="color: #02c7ce; background-color: #000">#02c7ce前景</p>
#02c7ce背景
<p style="background-color: #02c7ce">#02c7ce背景</p>
#02c7ce境界
<p style="border: #02c7ce 3px solid">#02c7ce境界</p>
#02c7ce放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c7ce, #fff); background: -webkit-radial-gradient(50% 50%, #02c7ce, #fff); background: -o-radial-gradient(50% 50%, #02c7ce, #fff); background: -ms-radial-gradient(50% 50%, #02c7ce, #fff); background: radial-gradient(50% 50%, #02c7ce, #fff)">#02c7ce放射状グラデーション</p>
#02c7ceを補足するための#ce0901線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c7ce, #ce0901); background: -webkit-linear-gradient(top, #02c7ce, #ce0901); background: -o-linear-gradient(top, #02c7ce, #ce0901); background: -ms-linear-gradient(top, #02c7ce, #ce0901); background: linear-gradient(top, #02c7ce, #ce0901); color: #000">#02c7ceを補足するための#ce0901線上グラデーション</p>
#02c7ceテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c7ce">#02c7ceテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c7ceに関連している順番で並べらられている。関連は、十六進法の色#02c7ceの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：