#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: