#015e4a
十六進の色コード十六進の色コード#015e4a
青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#015e4a
は0.39%の赤色、36.86%の绿色、29.02%の青色でできている。HSLで色彩空間#015e4a
は167.1度の色調、97.89%の彩度、18.63%の明るさを有している。この色は約515 nmの波長である。
#015e4a
情報反転
#fea1b5 25% 飽和度
#005f4a 濃淡階調
#2f2f2f
25% 明るく
#01755c オリジナル
#015e4a 25% 暗く
#004637
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c5243 ウェブセーフ:teal
#008080
rgb(1, 94, 74)
rgba(1, 94, 74, 1.0)
赤色:0.3922%、黄色:20.8245%、青色:36.8627%
#015e4a
89674
-16687542 / 0xff015e4a
hsl(167, 98%, 19%)
hsla(167, 98%, 19%, 1.0)
色調:167(167.0968)、彩度:99(98.9362)、値:37(36.8627)
X:5.2513、Y:8.5063、Z:7.8437
x:0.2431、y:0.3938、Y:8.5063
L:35.0158、a:-29.4614、b:4.7404
L:35.0158、u:-28.913、v:9.6636
L:35.0158、C:29.8403、H:170.8594
L:29.1655、a:-18.9007、b:4.4706
シアン色:99(0.9894)、マゼンタ色:0(0)、黄色:21(0.2128)、黒色:63(0.6314)
シアン色:100(0.9961)、マゼンタ色:63(0.6314)、黄色:71(0.7098)
Y:63.913、I:-48.9763、Q:-25.8881
Y:63.913、U:4.964、V:-55.1948
Y:63.913、Db:15.19、Dr:119.629
Y:70.885、Cb:132.984、Cr:88.593
Y:72.751、Pb:0.695、Pr:-45.58
7.5G 3/6(近似の)
#015e4a
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#015e4a
黒まで#015e4a
白まで#015e4a
前景
<p style="color: #015e4a">#015e4a前景</p>
#015e4a
背景
<p style="background-color: #015e4a; color: #fff">#015e4a背景</p>
#015e4a
境界
<p style="border: #015e4a 3px solid">#015e4a境界</p>
#015e4a
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015e4a, #fff); background: -webkit-radial-gradient(50% 50%, #015e4a, #fff); background: -o-radial-gradient(50% 50%, #015e4a, #fff); background: -ms-radial-gradient(50% 50%, #015e4a, #fff); background: radial-gradient(50% 50%, #015e4a, #fff); color: #fff">#015e4a放射状グラデーション</p>
#015e4a
を補足するための#5e0014
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015e4a, #5e0014); background: -webkit-linear-gradient(top, #015e4a, #5e0014); background: -o-linear-gradient(top, #015e4a, #5e0014); background: -ms-linear-gradient(top, #015e4a, #5e0014); background: linear-gradient(top, #015e4a, #5e0014); color: #fff">
#015e4a
を補足するための#5e0014
線上グラデーション</p>
#015e4a
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015e4a">#015e4aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#015e4a
に関連している順番で並べらられている。関連は、十六進法の色#015e4a
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: