色見本
RGB
CMYK
RYB
#02e9d3十六進の色コード十六進の色コード#02e9d3シアン色の色合いです。光の三原色RGBにおいて色モデル#02e9d3は0.78%の赤色、91.37%の绿色、82.75%の青色でできている。HSLで色彩空間#02e9d3は174.29度の色調、98.3%の彩度、46.08%の明るさを有している。この色は約510 nmの波長である。
#02e9d3情報反転
#fd162c 25% 飽和度
#00ebd4 濃淡階調
#757575
rgb(2, 233, 211)
rgba(2, 233, 211, 1.0)
赤色：0.7843%、黄色：48.3431%、青色：91.3725%
#02e9d3
190931
-16586285 / 0xff02e9d3
hsl(174, 98%, 46%)
hsla(174, 98%, 46%, 1.0)
色調：174（174.2857）、彩度：99（99.1416）、値：91（91.3725）
X：40.9218、Y：62.9939、Z：71.6302
x：0.2331、y：0.3588、Y：62.9939
L：83.4392、a：-51.0662、b：-2.4969
L：83.4392、u：-66.7266、v：4.159
L：83.4392、C：51.1272、H：182.7993
L：79.3687、a：-46.8621、b：2.0488
シアン色：99（0.9914）、マゼンタ色：0（0）、黄色：9（0.0944）、黒色：9（0.0863）
シアン色：99（0.9922）、マゼンタ色：9（0.0863）、黄色：17（0.1725）
Y：161.423、I：-130.5426、Q：-55.6913
Y：161.423、U：24.3974、V：-139.8648
Y：161.423、Db：74.624、Dr：303.149
Y：154.624、Cb：152.53、Cr：28.153
Y：182.213、Pb：15.565、Pr：-114.488
2.5BG 8/10近似、完全一致：Munsell 2.5BG 8/10 / #23e1cd
#02e9d3配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02e9d3黒まで#02e9d3白まで#02e9d3前景
<p style="color: #02e9d3; background-color: #000">#02e9d3前景</p>
#02e9d3背景
<p style="background-color: #02e9d3">#02e9d3背景</p>
#02e9d3境界
<p style="border: #02e9d3 3px solid">#02e9d3境界</p>
#02e9d3放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e9d3, #fff); background: -webkit-radial-gradient(50% 50%, #02e9d3, #fff); background: -o-radial-gradient(50% 50%, #02e9d3, #fff); background: -ms-radial-gradient(50% 50%, #02e9d3, #fff); background: radial-gradient(50% 50%, #02e9d3, #fff)">#02e9d3放射状グラデーション</p>
#02e9d3を補足するための#e90118線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e9d3, #e90118); background: -webkit-linear-gradient(top, #02e9d3, #e90118); background: -o-linear-gradient(top, #02e9d3, #e90118); background: -ms-linear-gradient(top, #02e9d3, #e90118); background: linear-gradient(top, #02e9d3, #e90118); color: #000">#02e9d3を補足するための#e90118線上グラデーション</p>
#02e9d3テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e9d3">#02e9d3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02e9d3に関連している順番で並べらられている。関連は、十六進法の色#02e9d3の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：