色見本
RGB
CMYK
RYB
#02d3a3十六進の色コード十六進の色コード#02d3a3青シアン色の色合いです。光の三原色RGBにおいて色モデル#02d3a3は0.78%の赤色、82.75%の绿色、63.92%の青色でできている。HSLで色彩空間#02d3a3は166.22度の色調、98.12%の彩度、41.76%の明るさを有している。この色は約515 nmの波長である。
#02d3a3情報反転
#fd2c5c 25% 飽和度
#00d4a4 濃淡階調
#6a6a6a
rgb(2, 211, 163)
rgba(2, 211, 163, 1.0)
赤色：0.7843%、黄色：47.0811%、青色：82.7451%
#02d3a3
185251
-16591965 / 0xff02d3a3
hsl(166, 98%, 42%)
hsla(166, 98%, 42%, 1.0)
色調：166（166.2201）、彩度：99（99.0521）、値：83（82.7451）
X：29.9302、Y：49.2458、Z：42.5782
x：0.2458、y：0.4045、Y：49.2458
L：75.604、a：-54.6767、b：11.6845
L：75.604、u：-63.1732、v：25.6779
L：75.604、C：55.9112、H：167.9372
L：70.1753、a：-46.6756、b：13.1491
シアン色：99（0.9905）、マゼンタ色：0（0）、黄色：23（0.2275）、黒色：17（0.1725）
シアン色：99（0.9922）、マゼンタ色：17（0.1725）、黄色：36（0.3608）
Y：143.037、I：-109.084、Q：-59.1288
Y：143.037、U：9.8243、V：-123.7345
Y：143.037、Db：30.066、Dr：268.181
Y：138.832、Cb：137.86、Cr：39.657
Y：163.027、Pb：0.035、Pr：-102.292
5G 7/10近似、完全一致：Munsell 5G 7/10 / #33c595
#02d3a3配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02d3a3黒まで#02d3a3白まで#02d3a3前景
<p style="color: #02d3a3; background-color: #000">#02d3a3前景</p>
#02d3a3背景
<p style="background-color: #02d3a3">#02d3a3背景</p>
#02d3a3境界
<p style="border: #02d3a3 3px solid">#02d3a3境界</p>
#02d3a3放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d3a3, #fff); background: -webkit-radial-gradient(50% 50%, #02d3a3, #fff); background: -o-radial-gradient(50% 50%, #02d3a3, #fff); background: -ms-radial-gradient(50% 50%, #02d3a3, #fff); background: radial-gradient(50% 50%, #02d3a3, #fff)">#02d3a3放射状グラデーション</p>
#02d3a3を補足するための#d30131線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d3a3, #d30131); background: -webkit-linear-gradient(top, #02d3a3, #d30131); background: -o-linear-gradient(top, #02d3a3, #d30131); background: -ms-linear-gradient(top, #02d3a3, #d30131); background: linear-gradient(top, #02d3a3, #d30131); color: #000">#02d3a3を補足するための#d30131線上グラデーション</p>
#02d3a3テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d3a3">#02d3a3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02d3a3に関連している順番で並べらられている。関連は、十六進法の色#02d3a3の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：