#015e6c
十六進の色コード十六進の色コード#015e6c
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#015e6c
は0.39%の赤色、36.86%の绿色、42.35%の青色でできている。HSLで色彩空間#015e6c
は187.85度の色調、98.17%の彩度、21.37%の明るさを有している。この色は約502 nmの波長である。
#015e6c
情報反転
#fea193 25% 飽和度
#005e6d 濃淡階調
#363636
25% 明るく
#017587 オリジナル
#015e6c 25% 暗く
#004651
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0e545e ウェブセーフ:teal
#008080
rgb(1, 94, 108)
rgba(1, 94, 108, 1.0)
赤色:0.3922%、黄色:19.9039%、青色:42.3529%
#015e6c
89708
-16687508 / 0xff015e6c
hsl(188, 98%, 21%)
hsla(188, 98%, 21%, 1.0)
色調:188(187.8505)、彩度:99(99.0741)、値:42(42.3529)
X:6.722、Y:9.0946、Z:15.5885
x:0.214、y:0.2896、Y:9.0946
L:36.1657、a:-18.0812、b:-14.6863
L:36.1657、u:-26.4481、v:-17.5498
L:36.1657、C:23.2941、H:219.085
L:30.1572、a:-12.9877、b:-9.5374
シアン色:99(0.9907)、マゼンタ色:13(0.1296)、黄色:0(0)、黒色:58(0.5765)
シアン色:100(0.9961)、マゼンタ色:63(0.6314)、黄色:58(0.5765)
Y:67.789、I:-59.8993、Q:-15.3095
Y:67.789、U:19.788、V:-58.5951
Y:67.789、Db:60.512、Dr:127.007
Y:74.217、Cb:147.91、Cr:86.179
Y:75.199、Pb:17.695、Pr:-47.144
10BG 4/6(近似の)
#015e6c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#015e6c
黒まで#015e6c
白まで#015e6c
前景
<p style="color: #015e6c">#015e6c前景</p>
#015e6c
背景
<p style="background-color: #015e6c; color: #fff">#015e6c背景</p>
#015e6c
境界
<p style="border: #015e6c 3px solid">#015e6c境界</p>
#015e6c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015e6c, #fff); background: -webkit-radial-gradient(50% 50%, #015e6c, #fff); background: -o-radial-gradient(50% 50%, #015e6c, #fff); background: -ms-radial-gradient(50% 50%, #015e6c, #fff); background: radial-gradient(50% 50%, #015e6c, #fff); color: #fff">#015e6c放射状グラデーション</p>
#015e6c
を補足するための#6c0f00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015e6c, #6c0f00); background: -webkit-linear-gradient(top, #015e6c, #6c0f00); background: -o-linear-gradient(top, #015e6c, #6c0f00); background: -ms-linear-gradient(top, #015e6c, #6c0f00); background: linear-gradient(top, #015e6c, #6c0f00); color: #fff">
#015e6c
を補足するための#6c0f00
線上グラデーション</p>
#015e6c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015e6c">#015e6cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#015e6c
に関連している順番で並べらられている。関連は、十六進法の色#015e6c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: