#015a4c
十六進の色コード十六進の色コード#015a4c
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#015a4c
は0.39%の赤色、35.29%の绿色、29.8%の青色でできている。HSLで色彩空間#015a4c
は170.56度の色調、97.8%の彩度、17.84%の明るさを有している。この色は約513 nmの波長である。
#015a4c
情報反転
#fea5b3 25% 飽和度
#005b4c 濃淡階調
#2d2d2d
25% 明るく
#01705f オリジナル
#015a4c 25% 暗く
#004339
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c4e44 ウェブセーフ:teal
#008080
rgb(1, 90, 76)
rgba(1, 90, 76, 1.0)
赤色:0.3922%、黄色:19.3329%、青色:35.2941%
#015a4c
88652
-16688564 / 0xff015a4c
hsl(171, 98%, 18%)
hsla(171, 98%, 18%, 1.0)
色調:171(170.5618)、彩度:99(98.8889)、値:35(35.2941)
X:4.9732、Y:7.8406、Z:8.0887
x:0.2379、y:0.3751、Y:7.8406
L:33.6487、a:-26.9911、b:1.5254
L:33.6487、u:-27.2849、v:5.3348
L:33.6487、C:27.0342、H:176.7653
L:28.001、a:-17.2989、b:2.4734
シアン色:99(0.9889)、マゼンタ色:0(0)、黄色:16(0.1556)、黒色:65(0.6471)
シアン色:100(0.9961)、マゼンタ色:65(0.6471)、黄色:70(0.702)
Y:61.793、I:-48.521、Q:-23.1755
Y:61.793、U:6.9915、V:-53.3349
Y:61.793、Db:21.388、Dr:115.599
Y:69.065、Cb:135.026、Cr:89.923
Y:70.035、Pb:3.235、Pr:-43.856
10G 3/6(近似の)
#015a4c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#015a4c
黒まで#015a4c
白まで#015a4c
前景
<p style="color: #015a4c">#015a4c前景</p>
#015a4c
背景
<p style="background-color: #015a4c; color: #fff">#015a4c背景</p>
#015a4c
境界
<p style="border: #015a4c 3px solid">#015a4c境界</p>
#015a4c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015a4c, #fff); background: -webkit-radial-gradient(50% 50%, #015a4c, #fff); background: -o-radial-gradient(50% 50%, #015a4c, #fff); background: -ms-radial-gradient(50% 50%, #015a4c, #fff); background: radial-gradient(50% 50%, #015a4c, #fff); color: #fff">#015a4c放射状グラデーション</p>
#015a4c
を補足するための#5a000e
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015a4c, #5a000e); background: -webkit-linear-gradient(top, #015a4c, #5a000e); background: -o-linear-gradient(top, #015a4c, #5a000e); background: -ms-linear-gradient(top, #015a4c, #5a000e); background: linear-gradient(top, #015a4c, #5a000e); color: #fff">
#015a4c
を補足するための#5a000e
線上グラデーション</p>
#015a4c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015a4c">#015a4cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#015a4c
に関連している順番で並べらられている。関連は、十六進法の色#015a4c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: