色見本
RGB
CMYK
RYB
#02bcd3十六進の色コード十六進の色コード#02bcd3シアン色の色合いです。光の三原色RGBにおいて色モデル#02bcd3は0.78%の赤色、73.73%の绿色、82.75%の青色でできている。HSLで色彩空間#02bcd3は186.6度の色調、98.12%の彩度、41.76%の明るさを有している。この色は約503 nmの波長である。
#02bcd3情報反転
#fd432c 25% 飽和度
#00bdd4 濃淡階調
#6a6a6a
rgb(2, 188, 211)
rgba(2, 188, 211, 1.0)
赤色：0.7843%、黄色：39.3785%、青色：82.7451%
#02bcd3
179411
-16597805 / 0xff02bcd3
hsl(187, 98%, 42%)
hsla(187, 98%, 42%, 1.0)
色調：187（186.6029）、彩度：99（99.0521）、値：83（82.7451）
X：29.7661、Y：40.6825、Z：67.9117
x：0.2151、y：0.294、Y：40.6825
L：69.9529、a：-30.9411、b：-22.6854
L：69.9529、u：-51.5845、v：-31.2682
L：69.9529、C：38.3664、H：216.2482
L：63.7828、a：-28.3177、b：-18.48
シアン色：99（0.9905）、マゼンタ色：11（0.109）、黄色：0（0）、黒色：17（0.1725）
シアン色：99（0.9922）、マゼンタ色：26（0.2627）、黄色：17（0.1725）
Y：135.008、I：-118.1922、Q：-32.1747
Y：135.008、U：37.3961、V：-116.6902
Y：135.008、Db：114.359、Dr：252.929
Y：131.944、Cb：165.625、Cr：44.713
Y：150.038、Pb：32.89、Pr：-94.058
10BG 7/8近似、完全一致：Munsell 10BG 7/8 / #34bfd2
#02bcd3配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02bcd3黒まで#02bcd3白まで#02bcd3前景
<p style="color: #02bcd3; background-color: #000">#02bcd3前景</p>
#02bcd3背景
<p style="background-color: #02bcd3">#02bcd3背景</p>
#02bcd3境界
<p style="border: #02bcd3 3px solid">#02bcd3境界</p>
#02bcd3放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bcd3, #fff); background: -webkit-radial-gradient(50% 50%, #02bcd3, #fff); background: -o-radial-gradient(50% 50%, #02bcd3, #fff); background: -ms-radial-gradient(50% 50%, #02bcd3, #fff); background: radial-gradient(50% 50%, #02bcd3, #fff)">#02bcd3放射状グラデーション</p>
#02bcd3を補足するための#d31801線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bcd3, #d31801); background: -webkit-linear-gradient(top, #02bcd3, #d31801); background: -o-linear-gradient(top, #02bcd3, #d31801); background: -ms-linear-gradient(top, #02bcd3, #d31801); background: linear-gradient(top, #02bcd3, #d31801); color: #000">#02bcd3を補足するための#d31801線上グラデーション</p>
#02bcd3テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bcd3">#02bcd3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02bcd3に関連している順番で並べらられている。関連は、十六進法の色#02bcd3の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：