#005063
十六進の色コード十六進の色コード#005063
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#005063
は0%の赤色、31.37%の绿色、38.82%の青色でできている。HSLで色彩空間#005063
は191.52度の色調、100%の彩度、19.41%の明るさを有している。この色は約499 nmの波長である。
#005063
情報反転
#ffaf9c 25% 飽和度
#004f63 濃淡階調
#313131
25% 明るく
#00637b オリジナル
#005063 25% 暗く
#003b4a
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c4856 ウェブセーフ:teal
#008080
rgb(0, 80, 99)
rgba(0, 80, 99, 1.0)
赤色:0%、黄色:17.3513%、青色:38.8235%
#005063
20579
-16756637 / 0xff005063
hsl(192, 100%, 19%)
hsla(192, 100%, 19%, 1.0)
色調:192(191.5152)、彩度:100(100)、値:39(38.8235)
X:5.1208、Y:6.6382、Z:12.8158
x:0.2084、y:0.2701、Y:6.6382
L:30.9686、a:-13.6069、b:-17.0345
L:30.9686、u:-22.0386、v:-20.516
L:30.9686、C:21.8019、H:231.3825
L:25.7647、a:-9.6108、b:-11.4566
シアン色:100(1)、マゼンタ色:19(0.1919)、黄色:0(0)、黒色:61(0.6118)
シアン色:100(1)、マゼンタ色:69(0.6863)、黄色:61(0.6118)
Y:58.246、I:-53.7613、Q:-11.0049
Y:58.246、U:20.0552、V:-51.1002
Y:58.246、Db:61.327、Dr:110.763
Y:66.022、Cb:148.181、Cr:91.531
Y:64.328、Pb:18.7、Pr:-40.874
2.5B 3/4近似、完全一致:Munsell 2.5B 3/4 / #154e60
#005063
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#005063
黒まで#005063
白まで#005063
前景
<p style="color: #005063">#005063前景</p>
#005063
背景
<p style="background-color: #005063; color: #fff">#005063背景</p>
#005063
境界
<p style="border: #005063 3px solid">#005063境界</p>
#005063
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #005063, #fff); background: -webkit-radial-gradient(50% 50%, #005063, #fff); background: -o-radial-gradient(50% 50%, #005063, #fff); background: -ms-radial-gradient(50% 50%, #005063, #fff); background: radial-gradient(50% 50%, #005063, #fff); color: #fff">#005063放射状グラデーション</p>
#005063
を補足するための#631200
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #005063, #631200); background: -webkit-linear-gradient(top, #005063, #631200); background: -o-linear-gradient(top, #005063, #631200); background: -ms-linear-gradient(top, #005063, #631200); background: linear-gradient(top, #005063, #631200); color: #fff">
#005063
を補足するための#631200
線上グラデーション</p>
#005063
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #005063">#005063テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#005063
に関連している順番で並べらられている。関連は、十六進法の色#005063
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: