色見本
RGB
CMYK
RYB
#02d1e4十六進の色コード十六進の色コード#02d1e4シアン色の色合いです。光の三原色RGBにおいて色モデル#02d1e4は0.78%の赤色、81.96%の绿色、89.41%の青色でできている。HSLで色彩空間#02d1e4は185.04度の色調、98.26%の彩度、45.1%の明るさを有している。この色は約503 nmの波長である。
#02d1e4情報反転
#fd2e1b 25% 飽和度
#00d2e6 濃淡階調
#737373
rgb(2, 209, 228)
rgba(2, 209, 228, 1.0)
赤色：0.7843%、黄色：43.1536%、青色：89.4118%
#02d1e4
184804
-16592412 / 0xff02d1e4
hsl(185, 98%, 45%)
hsla(185, 98%, 45%, 1.0)
色調：185（185.0442）、彩度：99（99.1228）、値：89（89.4118）
X：36.8291、Y：51.2153、Z：81.3432
x：0.2174、y：0.3024、Y：51.2153
L：76.8092、a：-35.5202、b：-21.4592
L：76.8092、u：-57.3316、v：-28.9237
L：76.8092、C：41.4992、H：211.1379
L：71.5648、a：-33.3778、b：-17.2958
シアン色：99（0.9912）、マゼンタ色：8（0.0833）、黄色：0（0）、黒色：11（0.1059）
シアン色：99（0.9922）、マゼンタ色：18（0.1804）、黄色：11（0.1059）
Y：149.273、I：-129.4172、Q：-37.8598
Y：149.273、U：38.742、V：-129.2052
Y：149.273、Db：118.477、Dr：280.054
Y：144.194、Cb：166.977、Cr：35.778
Y：166.277、Pb：33.305、Pr：-104.374
10BG 8/8近似、完全一致：Munsell 10BG 8/8 / #52dbed
#02d1e4配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02d1e4黒まで#02d1e4白まで#02d1e4前景
<p style="color: #02d1e4; background-color: #000">#02d1e4前景</p>
#02d1e4背景
<p style="background-color: #02d1e4">#02d1e4背景</p>
#02d1e4境界
<p style="border: #02d1e4 3px solid">#02d1e4境界</p>
#02d1e4放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d1e4, #fff); background: -webkit-radial-gradient(50% 50%, #02d1e4, #fff); background: -o-radial-gradient(50% 50%, #02d1e4, #fff); background: -ms-radial-gradient(50% 50%, #02d1e4, #fff); background: radial-gradient(50% 50%, #02d1e4, #fff)">#02d1e4放射状グラデーション</p>
#02d1e4を補足するための#e41501線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d1e4, #e41501); background: -webkit-linear-gradient(top, #02d1e4, #e41501); background: -o-linear-gradient(top, #02d1e4, #e41501); background: -ms-linear-gradient(top, #02d1e4, #e41501); background: linear-gradient(top, #02d1e4, #e41501); color: #000">#02d1e4を補足するための#e41501線上グラデーション</p>
#02d1e4テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d1e4">#02d1e4テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02d1e4に関連している順番で並べらられている。関連は、十六進法の色#02d1e4の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：