#005f5c
十六進の色コード十六進の色コード#005f5c
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#005f5c
は0%の赤色、37.25%の绿色、36.08%の青色でできている。HSLで色彩空間#005f5c
は178.11度の色調、100%の彩度、18.63%の明るさを有している。この色は約508 nmの波長である。
#005f5c
情報反転
#ffa0a3 25% 飽和度
#005f5c 濃淡階調
#2f2f2f
25% 明るく
#007673 オリジナル
#005f5c 25% 暗く
#004745
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b5350 ウェブセーフ:teal
#008080
rgb(0, 95, 92)
rgba(0, 95, 92, 1.0)
赤色:0%、黄色:18.9263%、青色:37.2549%
#005f5c
24412
-16752804 / 0xff005f5c
hsl(178, 100%, 19%)
hsla(178, 100%, 19%, 1.0)
色調:178(178.1053)、彩度:100(100)、値:37(37.2549)
X:6.024、Y:8.9571、Z:11.5366
x:0.2272、y:0.3378、Y:8.9571
L:35.9016、a:-24.3629、b:-5.1533
L:35.9016、u:-28.0694、v:-3.5749
L:35.9016、C:24.902、H:191.9433
L:29.9285、a:-16.4465、b:-1.9048
シアン色:100(1)、マゼンタ色:0(0)、黄色:3(0.0316)、黒色:63(0.6275)
シアン色:100(1)、マゼンタ色:63(0.6275)、黄色:64(0.6392)
Y:66.253、I:-55.6292、Q:-21.0217
Y:66.253、U:12.6703、V:-58.125
Y:66.253、Db:38.751、Dr:125.984
Y:72.896、Cb:140.743、Cr:86.508
Y:74.549、Pb:9.425、Pr:-47.362
2.5BG 3/6(近似の)
#005f5c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#005f5c
黒まで#005f5c
白まで#005f5c
前景
<p style="color: #005f5c">#005f5c前景</p>
#005f5c
背景
<p style="background-color: #005f5c; color: #fff">#005f5c背景</p>
#005f5c
境界
<p style="border: #005f5c 3px solid">#005f5c境界</p>
#005f5c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #005f5c, #fff); background: -webkit-radial-gradient(50% 50%, #005f5c, #fff); background: -o-radial-gradient(50% 50%, #005f5c, #fff); background: -ms-radial-gradient(50% 50%, #005f5c, #fff); background: radial-gradient(50% 50%, #005f5c, #fff); color: #fff">#005f5c放射状グラデーション</p>
#005f5c
を補足するための#5f0002
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #005f5c, #5f0002); background: -webkit-linear-gradient(top, #005f5c, #5f0002); background: -o-linear-gradient(top, #005f5c, #5f0002); background: -ms-linear-gradient(top, #005f5c, #5f0002); background: linear-gradient(top, #005f5c, #5f0002); color: #fff">
#005f5c
を補足するための#5f0002
線上グラデーション</p>
#005f5c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #005f5c">#005f5cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#005f5c
に関連している順番で並べらられている。関連は、十六進法の色#005f5c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: