色見本
RGB
CMYK
RYB
#02c0cf十六進の色コード十六進の色コード#02c0cfシアン色の色合いです。光の三原色RGBにおいて色モデル#02c0cfは0.78%の赤色、75.29%の绿色、81.18%の青色でできている。HSLで色彩空間#02c0cfは184.39度の色調、98.09%の彩度、40.98%の明るさを有している。この色は約504 nmの波長である。
#02c0cf情報反転
#fd3f30 25% 飽和度
#00c1d1 濃淡階調
#686868
rgb(2, 192, 207)
rgba(2, 192, 207, 1.0)
赤色：0.7843%、黄色：39.454%、青色：81.1765%
#02c0cf
180431
-16596785 / 0xff02c0cf
hsl(184, 98%, 41%)
hsla(184, 98%, 41%, 1.0)
色調：184（184.3902）、彩度：99（99.0338）、値：81（81.1765）
X：30.1372、Y：42.2172、Z：65.5918
x：0.2185、y：0.306、Y：42.2172
L：71.0204、a：-34.1374、b：-18.8766
L：71.0204、u：-53.2675、v：-24.5737
L：71.0204、C：39.0088、H：208.9408
L：64.9747、a：-30.9124、b：-14.3708
シアン色：99（0.9903）、マゼンタ色：7（0.0725）、黄色：0（0）、黒色：19（0.1882）
シアン色：99（0.9922）、マゼンタ色：25（0.2471）、黄色：19（0.1882）
Y：136.9、I：-118.005、Q：-35.5096
Y：136.9、U：34.4966、V：-118.3501
Y：136.9、Db：105.495、Dr：256.525
Y：133.568、Cb：162.705、Cr：43.525
Y：152.61、Pb：29.35、Pr：-95.69
10BG 7/8近似、完全一致：Munsell 10BG 7/8 / #34bfd2
#02c0cf配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02c0cf黒まで#02c0cf白まで#02c0cf前景
<p style="color: #02c0cf; background-color: #000">#02c0cf前景</p>
#02c0cf背景
<p style="background-color: #02c0cf">#02c0cf背景</p>
#02c0cf境界
<p style="border: #02c0cf 3px solid">#02c0cf境界</p>
#02c0cf放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c0cf, #fff); background: -webkit-radial-gradient(50% 50%, #02c0cf, #fff); background: -o-radial-gradient(50% 50%, #02c0cf, #fff); background: -ms-radial-gradient(50% 50%, #02c0cf, #fff); background: radial-gradient(50% 50%, #02c0cf, #fff)">#02c0cf放射状グラデーション</p>
#02c0cfを補足するための#cf1001線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c0cf, #cf1001); background: -webkit-linear-gradient(top, #02c0cf, #cf1001); background: -o-linear-gradient(top, #02c0cf, #cf1001); background: -ms-linear-gradient(top, #02c0cf, #cf1001); background: linear-gradient(top, #02c0cf, #cf1001); color: #000">#02c0cfを補足するための#cf1001線上グラデーション</p>
#02c0cfテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c0cf">#02c0cfテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c0cfに関連している順番で並べらられている。関連は、十六進法の色#02c0cfの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：