#013d2e
十六進の色コード十六進の色コード#013d2e
青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#013d2e
は0.39%の赤色、23.92%の绿色、18.04%の青色でできている。HSLで色彩空間#013d2e
は165度の色調、96.77%の彩度、12.16%の明るさを有している。この色は約516 nmの波長である。
#013d2e
情報反転
#fec2d1 25% 飽和度
#003e2e 濃淡階調
#1f1f1f
25% 明るく
#014c39 オリジナル
#013d2e 25% 暗く
#002d22
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#08352a ウェブセーフ:teal
#008080
rgb(1, 61, 46)
rgba(1, 61, 46, 1.0)
赤色:0.3922%、黄色:13.8375%、青色:23.9216%
#013d2e
81198
-16696018 / 0xff013d2e
hsl(165, 97%, 12%)
hsla(165, 97%, 12%, 1.0)
色調:165(165)、彩度:98(98.3607)、値:24(23.9216)
X:2.1744、Y:3.5412、Z:3.1537
x:0.2452、y:0.3993、Y:3.5412
L:22.0927、a:-22.2528、b:4.2561
L:22.0927、u:-18.2435、v:6.85
L:22.0927、C:22.6562、H:169.1722
L:18.8181、a:-12.3062、b:3.2363
シアン色:98(0.9836)、マゼンタ色:0(0)、黄色:25(0.2459)、黒色:76(0.7608)
シアン色:100(0.9961)、マゼンタ色:76(0.7608)、黄色:82(0.8196)
Y:41.35、I:-30.924、Q:-17.3544
Y:41.35、U:2.2884、V:-35.3998
Y:41.35、Db:7.005、Dr:76.725
Y:51.509、Cb:130.295、Cr:102.725
Y:47.14、Pb:-0.6、Pr:-29.31
7.5G 2/6(近似の)
#013d2e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#013d2e
黒まで#013d2e
白まで#013d2e
前景
<p style="color: #013d2e">#013d2e前景</p>
#013d2e
背景
<p style="background-color: #013d2e; color: #fff">#013d2e背景</p>
#013d2e
境界
<p style="border: #013d2e 3px solid">#013d2e境界</p>
#013d2e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #013d2e, #fff); background: -webkit-radial-gradient(50% 50%, #013d2e, #fff); background: -o-radial-gradient(50% 50%, #013d2e, #fff); background: -ms-radial-gradient(50% 50%, #013d2e, #fff); background: radial-gradient(50% 50%, #013d2e, #fff); color: #fff">#013d2e放射状グラデーション</p>
#013d2e
を補足するための#3d000f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #013d2e, #3d000f); background: -webkit-linear-gradient(top, #013d2e, #3d000f); background: -o-linear-gradient(top, #013d2e, #3d000f); background: -ms-linear-gradient(top, #013d2e, #3d000f); background: linear-gradient(top, #013d2e, #3d000f); color: #fff">
#013d2e
を補足するための#3d000f
線上グラデーション</p>
#013d2e
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #013d2e">#013d2eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#013d2e
に関連している順番で並べらられている。関連は、十六進法の色#013d2e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: