#02c7ce
十六進の色コード十六進の色コード#02c7ce
シアン色の色合いです。光の三原色RGBにおいて色モデル#02c7ce
は0.78%の赤色、78.04%の绿色、80.78%の青色でできている。HSLで色彩空間#02c7ce
は182.06度の色調、98.08%の彩度、40.78%の明るさを有している。この色は約505 nmの波長である。
#02c7ce
情報反転
#fd3831 25% 飽和度
#00c8d0 濃淡階調
#686868
rgb(2, 199, 206)
rgba(2, 199, 206, 1.0)
赤色:0.7843%、黄色:40.0861%、青色:80.7843%
#02c7ce
182222
-16594994 / 0xff02c7ce
hsl(182, 98%, 41%)
hsla(182, 98%, 41%, 1.0)
色調:182(182.0588)、彩度:99(99.0291)、値:81(80.7843)
X:31.589、Y:45.316、Z:65.4745
x:0.2219、y:0.3183、Y:45.316
L:73.0995、a:-37.7094、b:-15.1912
L:73.0995、u:-55.7281、v:-18.0997
L:73.0995、C:40.6543、H:201.9419
L:67.3171、a:-34.0427、b:-10.545
シアン色:99(0.9903)、マゼンタ色:3(0.034)、黄色:0(0)、黒色:19(0.1922)
シアン色:99(0.9922)、マゼンタ色:22(0.2196)、黄色:19(0.1922)
Y:140.895、I:-119.6049、Q:-39.4789
Y:140.895、U:32.0386、V:-121.8551
Y:140.895、Db:97.981、Dr:264.12
Y:136.998、Cb:160.229、Cr:41.02
Y:157.543、Pb:26.155、Pr:-98.822
7.5BG 7/8近似、完全一致:Munsell 7.5BG 7/8 / #37c0c8
#02c7ce
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02c7ce
黒まで#02c7ce
白まで#02c7ce
前景
<p style="color: #02c7ce; background-color: #000">#02c7ce前景</p>
#02c7ce
背景
<p style="background-color: #02c7ce">#02c7ce背景</p>
#02c7ce
境界
<p style="border: #02c7ce 3px solid">#02c7ce境界</p>
#02c7ce
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c7ce, #fff); background: -webkit-radial-gradient(50% 50%, #02c7ce, #fff); background: -o-radial-gradient(50% 50%, #02c7ce, #fff); background: -ms-radial-gradient(50% 50%, #02c7ce, #fff); background: radial-gradient(50% 50%, #02c7ce, #fff)">#02c7ce放射状グラデーション</p>
#02c7ce
を補足するための#ce0901
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c7ce, #ce0901); background: -webkit-linear-gradient(top, #02c7ce, #ce0901); background: -o-linear-gradient(top, #02c7ce, #ce0901); background: -ms-linear-gradient(top, #02c7ce, #ce0901); background: linear-gradient(top, #02c7ce, #ce0901); color: #000">
#02c7ce
を補足するための#ce0901
線上グラデーション</p>
#02c7ce
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c7ce">#02c7ceテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c7ce
に関連している順番で並べらられている。関連は、十六進法の色#02c7ce
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: