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