#02c9d5
十六進の色コード十六進の色コード#02c9d5
シアン色の色合いです。光の三原色RGBにおいて色モデル#02c9d5
は0.78%の赤色、78.82%の绿色、83.53%の青色でできている。HSLで色彩空間#02c9d5
は183.41度の色調、98.14%の彩度、42.16%の明るさを有している。この色は約505 nmの波長である。
#02c9d5
情報反転
#fd362a 25% 飽和度
#00cad7 濃淡階調
#6b6b6b
rgb(2, 201, 213)
rgba(2, 201, 213, 1.0)
赤色:0.7843%、黄色:40.946%、青色:83.5294%
#02c9d5
182741
-16594475 / 0xff02c9d5
hsl(183, 98%, 42%)
hsla(183, 98%, 42%, 1.0)
色調:183(183.4123)、彩度:99(99.061)、値:84(83.5294)
X:32.9219、Y:46.5903、Z:70.2084
x:0.2199、y:0.3112、Y:46.5903
L:73.9269、a:-36.4718、b:-17.7387
L:73.9269、u:-55.8404、v:-22.4846
L:73.9269、C:40.5568、H:205.9368
L:68.2571、a:-33.3553、b:-13.2051
シアン色:99(0.9906)、マゼンタ色:6(0.0563)、黄色:0(0)、黒色:16(0.1647)
シアン色:99(0.9922)、マゼンタ色:21(0.2118)、黄色:16(0.1647)
Y:142.867、I:-122.4026、Q:-38.3461
Y:142.867、U:34.5129、V:-123.5851
Y:142.867、Db:105.546、Dr:267.871
Y:138.692、Cb:162.72、Cr:39.787
Y:159.477、Pb:28.885、Pr:-100.052
7.5BG 7/8近似、完全一致:Munsell 7.5BG 7/8 / #37c0c8
#02c9d5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02c9d5
黒まで#02c9d5
白まで#02c9d5
前景
<p style="color: #02c9d5; background-color: #000">#02c9d5前景</p>
#02c9d5
背景
<p style="background-color: #02c9d5">#02c9d5背景</p>
#02c9d5
境界
<p style="border: #02c9d5 3px solid">#02c9d5境界</p>
#02c9d5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c9d5, #fff); background: -webkit-radial-gradient(50% 50%, #02c9d5, #fff); background: -o-radial-gradient(50% 50%, #02c9d5, #fff); background: -ms-radial-gradient(50% 50%, #02c9d5, #fff); background: radial-gradient(50% 50%, #02c9d5, #fff)">#02c9d5放射状グラデーション</p>
#02c9d5
を補足するための#d50d01
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c9d5, #d50d01); background: -webkit-linear-gradient(top, #02c9d5, #d50d01); background: -o-linear-gradient(top, #02c9d5, #d50d01); background: -ms-linear-gradient(top, #02c9d5, #d50d01); background: linear-gradient(top, #02c9d5, #d50d01); color: #000">
#02c9d5
を補足するための#d50d01
線上グラデーション</p>
#02c9d5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c9d5">#02c9d5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c9d5
に関連している順番で並べらられている。関連は、十六進法の色#02c9d5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: