#022c25
十六進の色コード十六進の色コード#022c25
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#022c25
は0.78%の赤色、17.25%の绿色、14.51%の青色でできている。HSLで色彩空間#022c25
は170度の色調、91.3%の彩度、9.02%の明るさを有している。この色は約513 nmの波長である。
#022c25
情報反転
#fdd3da 25% 飽和度
#002e26 濃淡階調
#171717
25% 明るく
#02362e オリジナル
#022c25 25% 暗く
#01201b
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#072621 ウェブセーフ:black
#000000
rgb(2, 44, 37)
rgba(2, 44, 37, 1.0)
赤色:0.7843%、黄色:9.7683%、青色:17.2549%
#022c25
142373
-16634843 / 0xff022c25
hsl(170, 91%, 9%)
hsla(170, 91%, 9%, 1.0)
色調:170(170)、彩度:95(95.4545)、値:17(17.2549)
X:1.2596、Y:1.9478、Z:2.0598
x:0.2391、y:0.3698、Y:1.9478
L:15.2111、a:-16.2065、b:0.5211
L:15.2111、u:-11.9412、v:1.9575
L:15.2111、C:16.2149、H:178.1582
L:13.9565、a:-8.3134、b:1.0189
シアン色:95(0.9545)、マゼンタ色:0(0)、黄色:16(0.1591)、黒色:83(0.8275)
シアン色:99(0.9922)、マゼンタ色:83(0.8275)、黄色:85(0.8549)
Y:30.644、I:-22.7712、Q:-11.0591
Y:30.644、U:3.1279、V:-25.1299
Y:30.644、Db:9.569、Dr:54.467
Y:42.316、Cb:131.143、Cr:110.059
Y:34.55、Pb:1.33、Pr:-20.678
10G 1/4(近似の)
#022c25
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#022c25
黒まで#022c25
白まで#022c25
前景
<p style="color: #022c25">#022c25前景</p>
#022c25
背景
<p style="background-color: #022c25; color: #fff">#022c25背景</p>
#022c25
境界
<p style="border: #022c25 3px solid">#022c25境界</p>
#022c25
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022c25, #fff); background: -webkit-radial-gradient(50% 50%, #022c25, #fff); background: -o-radial-gradient(50% 50%, #022c25, #fff); background: -ms-radial-gradient(50% 50%, #022c25, #fff); background: radial-gradient(50% 50%, #022c25, #fff); color: #fff">#022c25放射状グラデーション</p>
#022c25
を補足するための#2c0209
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022c25, #2c0209); background: -webkit-linear-gradient(top, #022c25, #2c0209); background: -o-linear-gradient(top, #022c25, #2c0209); background: -ms-linear-gradient(top, #022c25, #2c0209); background: linear-gradient(top, #022c25, #2c0209); color: #fff">
#022c25
を補足するための#2c0209
線上グラデーション</p>
#022c25
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022c25">#022c25テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#022c25
に関連している順番で並べらられている。関連は、十六進法の色#022c25
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: