色見本
RGB
CMYK
RYB
#02a8cf十六進の色コード十六進の色コード#02a8cfシアン色の色合いです。光の三原色RGBにおいて色モデル#02a8cfは0.78%の赤色、65.88%の绿色、81.18%の青色でできている。HSLで色彩空間#02a8cfは191.41度の色調、98.09%の彩度、40.98%の明るさを有している。この色は約499 nmの波長である。
#02a8cf情報反転
#fd5730 25% 飽和度
#00a9d1 濃淡階調
#686868
rgb(2, 168, 207)
rgba(2, 168, 207, 1.0)
赤色：0.7843%、黄色：36.7549%、青色：81.1765%
#02a8cf
174287
-16602929 / 0xff02a8cf
hsl(191, 98%, 41%)
hsla(191, 98%, 41%, 1.0)
色調：191（191.4146）、彩度：99（99.0338）、値：81（81.1765）
X：25.2902、Y：32.5232、Z：63.9762
x：0.2077、y：0.267、Y：32.5232
L：63.7729、a：-22.2551、b：-29.9738
L：63.7729、u：-45.0696、v：-44.0937
L：63.7729、C：37.3325、H：233.4067
L：57.0291、a：-20.6432、b：-26.5921
シアン色：99（0.9903）、マゼンタ色：19（0.1884）、黄色：0（0）、黒色：19（0.1882）
シアン色：99（0.9922）、マゼンタ色：34（0.3412）、黄色：19（0.1882）
Y：122.812、I：-111.4181、Q：-22.9674
Y：122.812、U：41.4293、V：-105.9904
Y：122.812、Db：126.687、Dr：229.741
Y：121.472、Cb：169.689、Cr：52.357
Y：135.45、Pb：38.59、Pr：-84.794
5B 6/8近似、完全一致：Munsell 5B 6/8 / #18a1c9
#02a8cf配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02a8cf黒まで#02a8cf白まで#02a8cf前景
<p style="color: #02a8cf">#02a8cf前景</p>
#02a8cf背景
<p style="background-color: #02a8cf; color: #fff">#02a8cf背景</p>
#02a8cf境界
<p style="border: #02a8cf 3px solid">#02a8cf境界</p>
#02a8cf放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a8cf, #fff); background: -webkit-radial-gradient(50% 50%, #02a8cf, #fff); background: -o-radial-gradient(50% 50%, #02a8cf, #fff); background: -ms-radial-gradient(50% 50%, #02a8cf, #fff); background: radial-gradient(50% 50%, #02a8cf, #fff); color: #fff">#02a8cf放射状グラデーション</p>
#02a8cfを補足するための#cf2901線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a8cf, #cf2901); background: -webkit-linear-gradient(top, #02a8cf, #cf2901); background: -o-linear-gradient(top, #02a8cf, #cf2901); background: -ms-linear-gradient(top, #02a8cf, #cf2901); background: linear-gradient(top, #02a8cf, #cf2901); color: #fff">#02a8cfを補足するための#cf2901線上グラデーション</p>
#02a8cfテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a8cf">#02a8cfテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02a8cfに関連している順番で並べらられている。関連は、十六進法の色#02a8cfの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：