色見本
RGB
CMYK
RYB
#02ebd5十六進の色コード十六進の色コード#02ebd5シアン色の色合いです。光の三原色RGBにおいて色モデル#02ebd5は0.78%の赤色、92.16%の绿色、83.53%の青色でできている。HSLで色彩空間#02ebd5は174.33度の色調、98.31%の彩度、46.47%の明るさを有している。この色は約510 nmの波長である。
#02ebd5情報反転
#fd142a 25% 飽和度
#00ecd6 濃淡階調
#767676
rgb(2, 235, 213)
rgba(2, 235, 213, 1.0)
赤色：0.7843%、黄色：48.7343%、青色：92.1569%
#02ebd5
191445
-16585771 / 0xff02ebd5
hsl(174, 98%, 46%)
hsla(174, 98%, 46%, 1.0)
色調：174（174.3348）、彩度：99（99.1489）、値：92（92.1569）
X：41.7436、Y：64.2337、Z：73.149
x：0.233、y：0.3586、Y：64.2337
L：84.0873、a：-51.3492、b：-2.6002
L：84.0873、u：-67.2281、v：4.0466
L：84.0873、C：51.415、H：182.8989
L：80.1459、a：-47.2845、b：1.9883
シアン色：99（0.9915）、マゼンタ色：0（0）、黄色：9（0.0936）、黒色：8（0.0784）
シアン色：99（0.9922）、マゼンタ色：8（0.0784）、黄色：16（0.1647）
Y：162.825、I：-131.734、Q：-56.1142
Y：162.825、U：24.6916、V：-141.0948
Y：162.825、Db：75.524、Dr：305.815
Y：155.828、Cb：152.826、Cr：27.275
Y：183.787、Pb：15.795、Pr：-115.488
2.5BG 8/10近似、完全一致：Munsell 2.5BG 8/10 / #23e1cd
#02ebd5配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02ebd5黒まで#02ebd5白まで#02ebd5前景
<p style="color: #02ebd5; background-color: #000">#02ebd5前景</p>
#02ebd5背景
<p style="background-color: #02ebd5">#02ebd5背景</p>
#02ebd5境界
<p style="border: #02ebd5 3px solid">#02ebd5境界</p>
#02ebd5放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ebd5, #fff); background: -webkit-radial-gradient(50% 50%, #02ebd5, #fff); background: -o-radial-gradient(50% 50%, #02ebd5, #fff); background: -ms-radial-gradient(50% 50%, #02ebd5, #fff); background: radial-gradient(50% 50%, #02ebd5, #fff)">#02ebd5放射状グラデーション</p>
#02ebd5を補足するための#eb0117線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ebd5, #eb0117); background: -webkit-linear-gradient(top, #02ebd5, #eb0117); background: -o-linear-gradient(top, #02ebd5, #eb0117); background: -ms-linear-gradient(top, #02ebd5, #eb0117); background: linear-gradient(top, #02ebd5, #eb0117); color: #000">#02ebd5を補足するための#eb0117線上グラデーション</p>
#02ebd5テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ebd5">#02ebd5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02ebd5に関連している順番で並べらられている。関連は、十六進法の色#02ebd5の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：