色見本
RGB
CMYK
RYB
#02c5e1十六進の色コード十六進の色コード#02c5e1シアン色の色合いです。光の三原色RGBにおいて色モデル#02c5e1は0.78%の赤色、77.25%の绿色、88.24%の青色でできている。HSLで色彩空間#02c5e1は187.53度の色調、98.24%の彩度、44.51%の明るさを有している。この色は約502 nmの波長である。
#02c5e1情報反転
#fd3a1e 25% 飽和度
#00c6e3 濃淡階調
#717171
rgb(2, 197, 225)
rgba(2, 197, 225, 1.0)
赤色：0.7843%、黄色：41.5808%、青色：88.2353%
#02c5e1
181729
-16595487 / 0xff02c5e1
hsl(188, 98%, 45%)
hsla(188, 98%, 45%, 1.0)
色調：188（187.5336）、彩度：99（99.1111）、値：88（88.2353）
X：33.5819、Y：45.3817、Z：78.2237
x：0.2136、y：0.2887、Y：45.3817
L：73.1425、a：-30.7597、b：-25.431
L：73.1425、u：-53.5236、v：-36.0771
L：73.1425、C：39.9111、H：219.5828
L：67.3659、a：-28.9081、b：-21.6901
シアン色：99（0.9911）、マゼンタ色：12（0.1244）、黄色：0（0）、黒色：12（0.1176）
シアン色：99（0.9922）、マゼンタ色：23（0.2275）、黄色：12（0.1176）
Y：141.887、I：-125.16、Q：-32.5221
Y：141.887、U：40.9003、V：-122.7253
Y：141.887、Db：125.074、Dr：266.011
Y：137.852、Cb：169.152、Cr：40.407
Y：157.481、Pb：36.425、Pr：-98.788
2.5B 7/8近似、完全一致：Munsell 2.5B 7/8 / #3abedb
#02c5e1配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02c5e1黒まで#02c5e1白まで#02c5e1前景
<p style="color: #02c5e1; background-color: #000">#02c5e1前景</p>
#02c5e1背景
<p style="background-color: #02c5e1">#02c5e1背景</p>
#02c5e1境界
<p style="border: #02c5e1 3px solid">#02c5e1境界</p>
#02c5e1放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c5e1, #fff); background: -webkit-radial-gradient(50% 50%, #02c5e1, #fff); background: -o-radial-gradient(50% 50%, #02c5e1, #fff); background: -ms-radial-gradient(50% 50%, #02c5e1, #fff); background: radial-gradient(50% 50%, #02c5e1, #fff)">#02c5e1放射状グラデーション</p>
#02c5e1を補足するための#e11d01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c5e1, #e11d01); background: -webkit-linear-gradient(top, #02c5e1, #e11d01); background: -o-linear-gradient(top, #02c5e1, #e11d01); background: -ms-linear-gradient(top, #02c5e1, #e11d01); background: linear-gradient(top, #02c5e1, #e11d01); color: #000">#02c5e1を補足するための#e11d01線上グラデーション</p>
#02c5e1テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c5e1">#02c5e1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c5e1に関連している順番で並べらられている。関連は、十六進法の色#02c5e1の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：