色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：