#003a3e
十六進の色コード十六進の色コード#003a3e
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#003a3e
は0%の赤色、22.75%の绿色、24.31%の青色でできている。HSLで色彩空間#003a3e
は183.87度の色調、100%の彩度、12.16%の明るさを有している。この色は約504 nmの波長である。
#003a3e
情報反転
#ffc5c1 25% 飽和度
#00393e 濃淡階調
#1f1f1f
25% 明るく
#00484d オリジナル
#003a3e 25% 暗く
#002b2e
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#073336 ウェブセーフ:black
#000000
rgb(0, 58, 62)
rgba(0, 58, 62, 1.0)
赤色:0%、黄色:11.7516%、青色:24.3137%
#003a3e
14910
-16762306 / 0xff003a3e
hsl(184, 100%, 12%)
hsla(184, 100%, 12%, 1.0)
色調:184(183.871)、彩度:100(100)、値:24(24.3137)
X:2.3826、Y:3.3739、Z:5.0831
x:0.2198、y:0.3113、Y:3.3739
L:21.4831、a:-15.2336、b:-7.3883
L:21.4831、u:-16.2495、v:-6.5248
L:21.4831、C:16.9307、H:205.8733
L:18.3682、a:-8.991、b:-3.5497
シアン色:100(1)、マゼンタ色:6(0.0645)、黄色:0(0)、黒色:76(0.7569)
シアン色:100(1)、マゼンタ色:77(0.7725)、黄色:76(0.7569)
Y:41.114、I:-35.8366、Q:-11.0199
Y:41.114、U:10.2781、V:-36.07
Y:41.114、Db:31.432、Dr:78.182
Y:51.308、Cb:138.34、Cr:102.254
Y:45.934、Pb:8.67、Pr:-29.184
5BG 2/4近似、完全一致:Munsell 5BG 2/4 / #03373a
#003a3e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#003a3e
黒まで#003a3e
白まで#003a3e
前景
<p style="color: #003a3e">#003a3e前景</p>
#003a3e
背景
<p style="background-color: #003a3e; color: #fff">#003a3e背景</p>
#003a3e
境界
<p style="border: #003a3e 3px solid">#003a3e境界</p>
#003a3e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003a3e, #fff); background: -webkit-radial-gradient(50% 50%, #003a3e, #fff); background: -o-radial-gradient(50% 50%, #003a3e, #fff); background: -ms-radial-gradient(50% 50%, #003a3e, #fff); background: radial-gradient(50% 50%, #003a3e, #fff); color: #fff">#003a3e放射状グラデーション</p>
#003a3e
を補足するための#3e0400
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003a3e, #3e0400); background: -webkit-linear-gradient(top, #003a3e, #3e0400); background: -o-linear-gradient(top, #003a3e, #3e0400); background: -ms-linear-gradient(top, #003a3e, #3e0400); background: linear-gradient(top, #003a3e, #3e0400); color: #fff">
#003a3e
を補足するための#3e0400
線上グラデーション</p>
#003a3e
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003a3e">#003a3eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#003a3e
に関連している順番で並べらられている。関連は、十六進法の色#003a3e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: