#013e23
十六進の色コード十六進の色コード#013e23
青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#013e23
は0.39%の赤色、24.31%の绿色、13.73%の青色でできている。HSLで色彩空間#013e23
は153.44度の色調、96.83%の彩度、12.35%の明るさを有している。この色は約523 nmの波長である。
#013e23
情報反転
#fec1dc 25% 飽和度
#003f23 濃淡階調
#1f1f1f
25% 明るく
#014d2b オリジナル
#013e23 25% 暗く
#002e1a
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#083622 ウェブセーフ:green
#008000
rgb(1, 62, 35)
rgba(1, 62, 35, 1.0)
赤色:0.3922%、黄色:15.7523%、青色:24.3137%
#013e23
81443
-16695773 / 0xff013e23
hsl(153, 97%, 12%)
hsla(153, 97%, 12%, 1.0)
色調:153(153.4426)、彩度:98(98.3871)、値:24(24.3137)
X:2.0385、Y:3.5731、Z:2.1723
x:0.2619、y:0.459、Y:3.5731
L:22.2065、a:-25.7643、b:11.6293
L:22.2065、u:-19.2388、v:14.1657
L:22.2065、C:28.2673、H:155.7069
L:18.9025、a:-13.8293、b:6.418
シアン色:98(0.9839)、マゼンタ色:0(0)、黄色:44(0.4355)、黒色:76(0.7569)
シアン色:100(0.9961)、マゼンタ色:76(0.7569)、黄色:86(0.8627)
Y:40.683、I:-27.6646、Q:-21.2995
Y:40.683、U:-2.7965、V:-34.8147
Y:40.683、Db:-8.541、Dr:75.454
Y:50.935、Cb:125.175、Cr:103.138
Y:47.063、Pb:-6.485、Pr:-29.258
2.5G 2/6(近似の)
#013e23
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#013e23
黒まで#013e23
白まで#013e23
前景
<p style="color: #013e23">#013e23前景</p>
#013e23
背景
<p style="background-color: #013e23; color: #fff">#013e23背景</p>
#013e23
境界
<p style="border: #013e23 3px solid">#013e23境界</p>
#013e23
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #013e23, #fff); background: -webkit-radial-gradient(50% 50%, #013e23, #fff); background: -o-radial-gradient(50% 50%, #013e23, #fff); background: -ms-radial-gradient(50% 50%, #013e23, #fff); background: radial-gradient(50% 50%, #013e23, #fff); color: #fff">#013e23放射状グラデーション</p>
#013e23
を補足するための#3d011b
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #013e23, #3d011b); background: -webkit-linear-gradient(top, #013e23, #3d011b); background: -o-linear-gradient(top, #013e23, #3d011b); background: -ms-linear-gradient(top, #013e23, #3d011b); background: linear-gradient(top, #013e23, #3d011b); color: #fff">
#013e23
を補足するための#3d011b
線上グラデーション</p>
#013e23
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #013e23">#013e23テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#013e23
に関連している順番で並べらられている。関連は、十六進法の色#013e23
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: