#005f6c
十六進の色コード十六進の色コード#005f6c
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#005f6c
は0%の赤色、37.25%の绿色、42.35%の青色でできている。HSLで色彩空間#005f6c
は187.22度の色調、100%の彩度、21.18%の明るさを有している。この色は約502 nmの波長である。
#005f6c
情報反転
#ffa093 25% 飽和度
#005e6c 濃淡階調
#363636
25% 明るく
#007687 オリジナル
#005f6c 25% 暗く
#004751
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0d545e ウェブセーフ:teal
#008080
rgb(0, 95, 108)
rgba(0, 95, 108, 1.0)
赤色:0%、黄色:19.8203%、青色:42.3529%
#005f6c
24428
-16752788 / 0xff005f6c
hsl(187, 100%, 21%)
hsla(187, 100%, 21%, 1.0)
色調:187(187.2222)、彩度:100(100)、値:42(42.3529)
X:6.799、Y:9.2671、Z:15.6177
x:0.2146、y:0.2925、Y:9.2671
L:36.4936、a:-18.708、b:-14.1864
L:36.4936、u:-26.8894、v:-16.8066
L:36.4936、C:23.4786、H:217.1733
L:30.442、a:-13.4068、b:-9.1084
シアン色:100(1)、マゼンタ色:12(0.1204)、黄色:0(0)、黒色:58(0.5765)
シアン色:100(1)、マゼンタ色:63(0.6275)、黄色:58(0.5765)
Y:68.077、I:-60.7694、Q:-16.0436
Y:68.077、U:19.6463、V:-59.7251
Y:68.077、Db:60.079、Dr:129.456
Y:74.464、Cb:147.767、Cr:85.372
Y:75.701、Pb:17.425、Pr:-48.098
10BG 4/6(近似の)
#005f6c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#005f6c
黒まで#005f6c
白まで#005f6c
前景
<p style="color: #005f6c">#005f6c前景</p>
#005f6c
背景
<p style="background-color: #005f6c; color: #fff">#005f6c背景</p>
#005f6c
境界
<p style="border: #005f6c 3px solid">#005f6c境界</p>
#005f6c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #005f6c, #fff); background: -webkit-radial-gradient(50% 50%, #005f6c, #fff); background: -o-radial-gradient(50% 50%, #005f6c, #fff); background: -ms-radial-gradient(50% 50%, #005f6c, #fff); background: radial-gradient(50% 50%, #005f6c, #fff); color: #fff">#005f6c放射状グラデーション</p>
#005f6c
を補足するための#6c0d00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #005f6c, #6c0d00); background: -webkit-linear-gradient(top, #005f6c, #6c0d00); background: -o-linear-gradient(top, #005f6c, #6c0d00); background: -ms-linear-gradient(top, #005f6c, #6c0d00); background: linear-gradient(top, #005f6c, #6c0d00); color: #fff">
#005f6c
を補足するための#6c0d00
線上グラデーション</p>
#005f6c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #005f6c">#005f6cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#005f6c
に関連している順番で並べらられている。関連は、十六進法の色#005f6c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: