色見本
RGB
CMYK
RYB
#02a7ce十六進の色コード十六進の色コード#02a7ceシアン色の色合いです。光の三原色RGBにおいて色モデル#02a7ceは0.78%の赤色、65.49%の绿色、80.78%の青色でできている。HSLで色彩空間#02a7ceは191.47度の色調、98.08%の彩度、40.78%の明るさを有している。この色は約499 nmの波長である。
#02a7ce情報反転
#fd5831 25% 飽和度
#00a8d0 濃淡階調
#686868
rgb(2, 167, 206)
rgba(2, 167, 206, 1.0)
赤色：0.7843%、黄色：36.5567%、青色：80.7843%
#02a7ce
174030
-16603186 / 0xff02a7ce
hsl(191, 98%, 41%)
hsla(191, 98%, 41%, 1.0)
色調：191（191.4706）、彩度：99（99.0291）、値：81（80.7843）
X：24.9843、Y：32.1066、Z：63.2729
x：0.2076、y：0.2667、Y：32.1066
L：63.4309、a：-22.0822、b：-29.9475
L：63.4309、u：-44.8043、v：-44.0374
L：63.4309、C：37.2085、H：233.5963
L：56.6627、a：-20.4535、b：-26.5429
シアン色：99（0.9903）、マゼンタ色：19（0.1893）、黄色：0（0）、黒色：19（0.1922）
シアン色：99（0.9922）、マゼンタ色：35（0.3451）、黄色：19（0.1922）
Y：122.111、I：-110.8224、Q：-22.756
Y：122.111、U：41.2821、V：-105.3754
Y：122.111、Db：126.237、Dr：228.408
Y：120.87、Cb：169.541、Cr：52.796
Y：134.663、Pb：38.475、Pr：-84.294
5B 6/8近似、完全一致：Munsell 5B 6/8 / #18a1c9
#02a7ce配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02a7ce黒まで#02a7ce白まで#02a7ce前景
<p style="color: #02a7ce">#02a7ce前景</p>
#02a7ce背景
<p style="background-color: #02a7ce; color: #fff">#02a7ce背景</p>
#02a7ce境界
<p style="border: #02a7ce 3px solid">#02a7ce境界</p>
#02a7ce放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a7ce, #fff); background: -webkit-radial-gradient(50% 50%, #02a7ce, #fff); background: -o-radial-gradient(50% 50%, #02a7ce, #fff); background: -ms-radial-gradient(50% 50%, #02a7ce, #fff); background: radial-gradient(50% 50%, #02a7ce, #fff); color: #fff">#02a7ce放射状グラデーション</p>
#02a7ceを補足するための#ce2901線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a7ce, #ce2901); background: -webkit-linear-gradient(top, #02a7ce, #ce2901); background: -o-linear-gradient(top, #02a7ce, #ce2901); background: -ms-linear-gradient(top, #02a7ce, #ce2901); background: linear-gradient(top, #02a7ce, #ce2901); color: #fff">#02a7ceを補足するための#ce2901線上グラデーション</p>
#02a7ceテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a7ce">#02a7ceテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02a7ceに関連している順番で並べらられている。関連は、十六進法の色#02a7ceの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：