#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: