#005b6c
十六進の色コード十六進の色コード#005b6c
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#005b6c
は0%の赤色、35.69%の绿色、42.35%の青色でできている。HSLで色彩空間#005b6c
は189.44度の色調、100%の彩度、21.18%の明るさを有している。この色は約501 nmの波長である。
#005b6c
情報反転
#ffa493 25% 飽和度
#005a6c 濃淡階調
#363636
25% 明るく
#007187 オリジナル
#005b6c 25% 暗く
#004451
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0d515e ウェブセーフ:teal
#008080
rgb(0, 91, 108)
rgba(0, 91, 108, 1.0)
赤色:0%、黄色:19.3674%、青色:42.3529%
#005b6c
23404
-16753812 / 0xff005b6c
hsl(189, 100%, 21%)
hsla(189, 100%, 21%, 1.0)
色調:189(189.4444)、彩度:100(100)、値:42(42.3529)
X:6.4479、Y:8.5649、Z:15.5007
x:0.2113、y:0.2807、Y:8.5649
L:35.1327、a:-16.4782、b:-16.2707
L:35.1327、u:-25.4295、v:-19.8454
L:35.1327、C:23.1574、H:224.6369
L:29.2658、a:-11.888、b:-10.917
シアン色:100(1)、マゼンタ色:16(0.1574)、黄色:0(0)、黒色:58(0.5765)
シアン色:100(1)、マゼンタ色:64(0.6431)、黄色:58(0.5765)
Y:65.729、I:-59.6716、Q:-13.9532
Y:65.729、U:20.8017、V:-57.6652
Y:65.729、Db:63.611、Dr:124.992
Y:72.448、Cb:148.931、Cr:86.844
Y:72.841、Pb:18.965、Pr:-46.282
10BG 3/4近似、完全一致:Munsell 10BG 3/4 / #144f5b
#005b6c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#005b6c
黒まで#005b6c
白まで#005b6c
前景
<p style="color: #005b6c">#005b6c前景</p>
#005b6c
背景
<p style="background-color: #005b6c; color: #fff">#005b6c背景</p>
#005b6c
境界
<p style="border: #005b6c 3px solid">#005b6c境界</p>
#005b6c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #005b6c, #fff); background: -webkit-radial-gradient(50% 50%, #005b6c, #fff); background: -o-radial-gradient(50% 50%, #005b6c, #fff); background: -ms-radial-gradient(50% 50%, #005b6c, #fff); background: radial-gradient(50% 50%, #005b6c, #fff); color: #fff">#005b6c放射状グラデーション</p>
#005b6c
を補足するための#6c1100
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #005b6c, #6c1100); background: -webkit-linear-gradient(top, #005b6c, #6c1100); background: -o-linear-gradient(top, #005b6c, #6c1100); background: -ms-linear-gradient(top, #005b6c, #6c1100); background: linear-gradient(top, #005b6c, #6c1100); color: #fff">
#005b6c
を補足するための#6c1100
線上グラデーション</p>
#005b6c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #005b6c">#005b6cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#005b6c
に関連している順番で並べらられている。関連は、十六進法の色#005b6c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: