色見本
RGB
CMYK
RYB
#02c4d3十六進の色コード十六進の色コード#02c4d3シアン色の色合いです。光の三原色RGBにおいて色モデル#02c4d3は0.78%の赤色、76.86%の绿色、82.75%の青色でできている。HSLで色彩空間#02c4d3は184.31度の色調、98.12%の彩度、41.76%の明るさを有している。この色は約504 nmの波長である。
#02c4d3情報反転
#fd3b2c 25% 飽和度
#00c5d4 濃淡階調
#6a6a6a
rgb(2, 196, 211)
rgba(2, 196, 211, 1.0)
赤色：0.7843%、黄色：40.2394%、青色：82.7451%
#02c4d3
181459
-16595757 / 0xff02c4d3
hsl(184, 98%, 42%)
hsla(184, 98%, 42%, 1.0)
色調：184（184.3062）、彩度：99（99.0521）、値：83（82.7451）
X：31.5228、Y：44.1959、Z：68.4973
x：0.2186、y：0.3065、Y：44.1959
L：72.3592、a：-34.7609、b：-19.0263
L：72.3592、u：-54.3059、v：-24.7907
L：72.3592、C：39.6273、H：208.694
L：66.48、a：-31.7006、b：-14.5531
シアン色：99（0.9905）、マゼンタ色：7（0.0711）、黄色：0（0）、黒色：17（0.1725）
シアン色：99（0.9922）、マゼンタ色：23（0.2314）、黄色：17（0.1725）
Y：139.704、I：-120.3878、Q：-36.3554
Y：139.704、U：35.0852、V：-120.8101
Y：139.704、Db：107.295、Dr：261.857
Y：135.976、Cb：163.297、Cr：41.769
Y：155.758、Pb：29.81、Pr：-97.69
10BG 7/8近似、完全一致：Munsell 10BG 7/8 / #34bfd2
#02c4d3配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02c4d3黒まで#02c4d3白まで#02c4d3前景
<p style="color: #02c4d3; background-color: #000">#02c4d3前景</p>
#02c4d3背景
<p style="background-color: #02c4d3">#02c4d3背景</p>
#02c4d3境界
<p style="border: #02c4d3 3px solid">#02c4d3境界</p>
#02c4d3放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c4d3, #fff); background: -webkit-radial-gradient(50% 50%, #02c4d3, #fff); background: -o-radial-gradient(50% 50%, #02c4d3, #fff); background: -ms-radial-gradient(50% 50%, #02c4d3, #fff); background: radial-gradient(50% 50%, #02c4d3, #fff)">#02c4d3放射状グラデーション</p>
#02c4d3を補足するための#d31101線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c4d3, #d31101); background: -webkit-linear-gradient(top, #02c4d3, #d31101); background: -o-linear-gradient(top, #02c4d3, #d31101); background: -ms-linear-gradient(top, #02c4d3, #d31101); background: linear-gradient(top, #02c4d3, #d31101); color: #000">#02c4d3を補足するための#d31101線上グラデーション</p>
#02c4d3テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c4d3">#02c4d3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c4d3に関連している順番で並べらられている。関連は、十六進法の色#02c4d3の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：