#015d54
十六進の色コード十六進の色コード#015d54
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#015d54
は0.39%の赤色、36.47%の绿色、32.94%の青色でできている。HSLで色彩空間#015d54
は174.13度の色調、97.87%の彩度、18.43%の明るさを有している。この色は約510 nmの波長である。
#015d54
情報反転
#fea2ab 25% 飽和度
#005d54 濃淡階調
#2e2e2e
25% 明るく
#017469 オリジナル
#015d54 25% 暗く
#00453f
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c514a ウェブセーフ:teal
#008080
rgb(1, 93, 84)
rgba(1, 93, 84, 1.0)
赤色:0.3922%、黄色:19.3591%、青色:36.4706%
#015d54
89428
-16687788 / 0xff015d54
hsl(174, 98%, 18%)
hsla(174, 98%, 18%, 1.0)
色調:174(174.1304)、彩度:99(98.9247)、値:36(36.4706)
X:5.5271、Y:8.4752、Z:9.7321
x:0.2329、y:0.3571、Y:8.4752
L:34.9537、a:-25.916、b:-1.571
L:34.9537、u:-27.8289、v:1.3365
L:34.9537、C:25.9635、H:183.469
L:29.1123、a:-17.0574、b:0.5583
シアン色:99(0.9892)、マゼンタ色:0(0)、黄色:10(0.0968)、黒色:64(0.6353)
シアン色:100(0.9961)、マゼンタ色:64(0.6353)、黄色:67(0.6706)
Y:64.466、I:-51.9145、Q:-22.2542
Y:64.466、U:9.6129、V:-55.6799
Y:64.466、Db:29.403、Dr:120.683
Y:71.361、Cb:137.665、Cr:88.251
Y:72.756、Pb:6.08、Pr:-45.586
10G 3/6(近似の)
#015d54
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#015d54
黒まで#015d54
白まで#015d54
前景
<p style="color: #015d54">#015d54前景</p>
#015d54
背景
<p style="background-color: #015d54; color: #fff">#015d54背景</p>
#015d54
境界
<p style="border: #015d54 3px solid">#015d54境界</p>
#015d54
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015d54, #fff); background: -webkit-radial-gradient(50% 50%, #015d54, #fff); background: -o-radial-gradient(50% 50%, #015d54, #fff); background: -ms-radial-gradient(50% 50%, #015d54, #fff); background: radial-gradient(50% 50%, #015d54, #fff); color: #fff">#015d54放射状グラデーション</p>
#015d54
を補足するための#5c0109
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015d54, #5c0109); background: -webkit-linear-gradient(top, #015d54, #5c0109); background: -o-linear-gradient(top, #015d54, #5c0109); background: -ms-linear-gradient(top, #015d54, #5c0109); background: linear-gradient(top, #015d54, #5c0109); color: #fff">
#015d54
を補足するための#5c0109
線上グラデーション</p>
#015d54
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015d54">#015d54テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#015d54
に関連している順番で並べらられている。関連は、十六進法の色#015d54
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: