色見本
RGB
CMYK
RYB
#02ecd5十六進の色コード十六進の色コード#02ecd5シアン色の色合いです。光の三原色RGBにおいて色モデル#02ecd5は0.78%の赤色、92.55%の绿色、83.53%の青色でできている。HSLで色彩空間#02ecd5は174.1度の色調、98.32%の彩度、46.67%の明るさを有している。この色は約510 nmの波長である。
#02ecd5情報反転
#fd132a 25% 飽和度
#00edd6 濃淡階調
#767676
rgb(2, 236, 213)
rgba(2, 236, 213, 1.0)
赤色：0.7843%、黄色：49.0381%、青色：92.549%
#02ecd5
191701
-16585515 / 0xff02ecd5
hsl(174, 98%, 47%)
hsla(174, 98%, 47%, 1.0)
色調：174（174.1026）、彩度：99（99.1525）、値：93（92.549）
X：42.0307、Y：64.8079、Z：73.2447
x：0.2334、y：0.3599、Y：64.8079
L：84.3847、a：-51.7616、b：-2.1639
L：84.3847、u：-67.5585、v：4.7998
L：84.3847、C：51.8068、H：182.3938
L：80.5034、a：-47.6862、b：2.4083
シアン色：99（0.9915）、マゼンタ色：0（0）、黄色：10（0.0975）、黒色：7（0.0745）
シアン色：99（0.9922）、マゼンタ色：7（0.0745）、黄色：16（0.1647）
Y：163.412、I：-132.0085、Q：-56.6368
Y：163.412、U：24.4028、V：-141.6098
Y：163.412、Db：74.641、Dr：306.931
Y：156.332、Cb：152.535、Cr：26.907
Y：184.502、Pb：15.41、Pr：-115.942
2.5BG 8/10近似、完全一致：Munsell 2.5BG 8/10 / #23e1cd
#02ecd5配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02ecd5黒まで#02ecd5白まで#02ecd5前景
<p style="color: #02ecd5; background-color: #000">#02ecd5前景</p>
#02ecd5背景
<p style="background-color: #02ecd5">#02ecd5背景</p>
#02ecd5境界
<p style="border: #02ecd5 3px solid">#02ecd5境界</p>
#02ecd5放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ecd5, #fff); background: -webkit-radial-gradient(50% 50%, #02ecd5, #fff); background: -o-radial-gradient(50% 50%, #02ecd5, #fff); background: -ms-radial-gradient(50% 50%, #02ecd5, #fff); background: radial-gradient(50% 50%, #02ecd5, #fff)">#02ecd5放射状グラデーション</p>
#02ecd5を補足するための#eb0118線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ecd5, #eb0118); background: -webkit-linear-gradient(top, #02ecd5, #eb0118); background: -o-linear-gradient(top, #02ecd5, #eb0118); background: -ms-linear-gradient(top, #02ecd5, #eb0118); background: linear-gradient(top, #02ecd5, #eb0118); color: #000">#02ecd5を補足するための#eb0118線上グラデーション</p>
#02ecd5テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ecd5">#02ecd5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02ecd5に関連している順番で並べらられている。関連は、十六進法の色#02ecd5の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：