#022c1c
十六進の色コード十六進の色コード#022c1c
青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#022c1c
は0.78%の赤色、17.25%の绿色、10.98%の青色でできている。HSLで色彩空間#022c1c
は157.14度の色調、91.3%の彩度、9.02%の明るさを有している。この色は約521 nmの波長である。
#022c1c
情報反転
#fdd3e3 25% 飽和度
#002e1c 濃淡階調
#171717
25% 明るく
#023623 オリジナル
#022c1c 25% 暗く
#012015
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#07261a ウェブセーフ:black
#000000
rgb(2, 44, 28)
rgba(2, 44, 28, 1.0)
赤色:0.7843%、黄色:10.9573%、青色:17.2549%
#022c1c
142364
-16634852 / 0xff022c1c
hsl(157, 91%, 9%)
hsla(157, 91%, 9%, 1.0)
色調:157(157.1429)、彩度:95(95.4545)、値:17(17.2549)
X:1.1353、Y:1.8981、Z:1.4051
x:0.2558、y:0.4276、Y:1.8981
L:14.9432、a:-19.0802、b:6.4384
L:14.9432、u:-12.3495、v:7.1377
L:14.9432、C:20.1372、H:161.3536
L:13.7772、a:-9.4007、b:3.597
シアン色:95(0.9545)、マゼンタ色:0(0)、黄色:36(0.3636)、黒色:83(0.8275)
シアン色:99(0.9922)、マゼンタ色:83(0.8275)、黄色:89(0.8902)
Y:29.618、I:-19.8799、Q:-13.8593
Y:29.618、U:-0.7961、V:-24.2298
Y:29.618、Db:-2.428、Dr:52.514
Y:41.434、Cb:127.192、Cr:110.698
Y:33.902、Pb:-3.17、Pr:-20.264
2.5G 1/4(近似の)
#022c1c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#022c1c
黒まで#022c1c
白まで#022c1c
前景
<p style="color: #022c1c">#022c1c前景</p>
#022c1c
背景
<p style="background-color: #022c1c; color: #fff">#022c1c背景</p>
#022c1c
境界
<p style="border: #022c1c 3px solid">#022c1c境界</p>
#022c1c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022c1c, #fff); background: -webkit-radial-gradient(50% 50%, #022c1c, #fff); background: -o-radial-gradient(50% 50%, #022c1c, #fff); background: -ms-radial-gradient(50% 50%, #022c1c, #fff); background: radial-gradient(50% 50%, #022c1c, #fff); color: #fff">#022c1c放射状グラデーション</p>
#022c1c
を補足するための#2c0212
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022c1c, #2c0212); background: -webkit-linear-gradient(top, #022c1c, #2c0212); background: -o-linear-gradient(top, #022c1c, #2c0212); background: -ms-linear-gradient(top, #022c1c, #2c0212); background: linear-gradient(top, #022c1c, #2c0212); color: #fff">
#022c1c
を補足するための#2c0212
線上グラデーション</p>
#022c1c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022c1c">#022c1cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#022c1c
に関連している順番で並べらられている。関連は、十六進法の色#022c1c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: