色見本
RGB
CMYK
RYB
#02a0d3十六進の色コード十六進の色コード#02a0d3シアン色の色合いです。光の三原色RGBにおいて色モデル#02a0d3は0.78%の赤色、62.75%の绿色、82.75%の青色でできている。HSLで色彩空間#02a0d3は194.64度の色調、98.12%の彩度、41.76%の明るさを有している。この色は約497 nmの波長である。
#02a0d3情報反転
#fd5f2c 25% 飽和度
#00a1d4 濃淡階調
#6a6a6a
rgb(2, 160, 211)
rgba(2, 160, 211, 1.0)
赤色：0.7843%、黄色：36.0699%、青色：82.7451%
#02a0d3
172243
-16604973 / 0xff02a0d3
hsl(195, 98%, 42%)
hsla(195, 98%, 42%, 1.0)
色調：195（194.6411）、彩度：99（99.0521）、値：83（82.7451）
X：24.3537、Y：29.8577、Z：66.1075
x：0.2024、y：0.2482、Y：29.8577
L：61.5312、a：-16.6118、b：-35.6788
L：61.5312、u：-42.0446、v：-54.0632
L：61.5312、C：39.3564、H：245.0336
L：54.6422、a：-16.0673、b：-33.4811
シアン色：99（0.9905）、マゼンタ色：24（0.2417）、黄色：0（0）、黒色：17（0.1725）
シアン色：99（0.9922）、マゼンタ色：37（0.3725）、黄色：17（0.1725）
Y：118.572、I：-110.5075、Q：-17.5422
Y：118.572、U：45.4841、V：-102.2705
Y：118.572、Db：139.083、Dr：221.681
Y：117.832、Cb：173.773、Cr：55.017
Y：130.018、Pb：43.67、Pr：-81.346
7.5B 6/8近似、完全一致：Munsell 7.5B 6/8 / #399ece
#02a0d3配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02a0d3黒まで#02a0d3白まで#02a0d3前景
<p style="color: #02a0d3">#02a0d3前景</p>
#02a0d3背景
<p style="background-color: #02a0d3; color: #fff">#02a0d3背景</p>
#02a0d3境界
<p style="border: #02a0d3 3px solid">#02a0d3境界</p>
#02a0d3放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a0d3, #fff); background: -webkit-radial-gradient(50% 50%, #02a0d3, #fff); background: -o-radial-gradient(50% 50%, #02a0d3, #fff); background: -ms-radial-gradient(50% 50%, #02a0d3, #fff); background: radial-gradient(50% 50%, #02a0d3, #fff); color: #fff">#02a0d3放射状グラデーション</p>
#02a0d3を補足するための#d33401線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a0d3, #d33401); background: -webkit-linear-gradient(top, #02a0d3, #d33401); background: -o-linear-gradient(top, #02a0d3, #d33401); background: -ms-linear-gradient(top, #02a0d3, #d33401); background: linear-gradient(top, #02a0d3, #d33401); color: #fff">#02a0d3を補足するための#d33401線上グラデーション</p>
#02a0d3テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a0d3">#02a0d3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02a0d3に関連している順番で並べらられている。関連は、十六進法の色#02a0d3の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：