色見本
RGB
CMYK
RYB
#012e24十六進の色コード十六進の色コード#012e24青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#012e24は0.39%の赤色、18.04%の绿色、14.12%の青色でできている。HSLで色彩空間#012e24は166.67度の色調、95.74%の彩度、9.22%の明るさを有している。この色は約515 nmの波長である。
#012e24情報反転
#fed1db 25% 飽和度
#002f24 濃淡階調
#171717
25% 明るく
#01392c オリジナル
#012e24 25% 暗く
#00221a
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#062820 ウェブセーフ：black
#000000
rgb(1, 46, 36)
rgba(1, 46, 36, 1.0)
赤色：0.3922%、黄色：10.3186%、青色：18.0392%
#012e24
77348
-16699868 / 0xff012e24
hsl(167, 96%, 9%)
hsla(167, 96%, 9%, 1.0)
色調：167（166.6667）、彩度：98（97.8261）、値：18（18.0392）
X：1.3079、Y：2.0878、Z：2.0031
x：0.2423、y：0.3867、Y：2.0878
L：15.9415、a：-17.8613、b：2.2742
L：15.9415、u：-12.9364、v：3.7355
L：15.9415、C：18.0055、H：172.7437
L：14.4493、a：-9.1284、b：1.8951
シアン色：98（0.9783）、マゼンタ色：0（0）、黄色：22（0.2174）、黒色：82（0.8196）
シアン色：100（0.9961）、マゼンタ色：82（0.8196）、黄色：86（0.8588）
Y：31.405、I：-23.5946、Q：-12.6269
Y：31.405、U：2.2613、V：-26.6749
Y：31.405、Db：6.92、Dr：57.815
Y：42.969、Cb：130.27、Cr：108.955
Y：35.695、Pb：0.175、Pr：-22.04
7.5G 2/4近似、完全一致：Munsell 7.5G 2/4 / #10372e
#012e24配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#012e24黒まで#012e24白まで#012e24前景
<p style="color: #012e24">#012e24前景</p>
#012e24背景
<p style="background-color: #012e24; color: #fff">#012e24背景</p>
#012e24境界
<p style="border: #012e24 3px solid">#012e24境界</p>
#012e24放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #012e24, #fff); background: -webkit-radial-gradient(50% 50%, #012e24, #fff); background: -o-radial-gradient(50% 50%, #012e24, #fff); background: -ms-radial-gradient(50% 50%, #012e24, #fff); background: radial-gradient(50% 50%, #012e24, #fff); color: #fff">#012e24放射状グラデーション</p>
#012e24を補足するための#2e010b線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #012e24, #2e010b); background: -webkit-linear-gradient(top, #012e24, #2e010b); background: -o-linear-gradient(top, #012e24, #2e010b); background: -ms-linear-gradient(top, #012e24, #2e010b); background: linear-gradient(top, #012e24, #2e010b); color: #fff">#012e24を補足するための#2e010b線上グラデーション</p>
#012e24テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #012e24">#012e24テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#012e24に関連している順番で並べらられている。関連は、十六進法の色#012e24の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：