#00584b
十六進の色コード十六進の色コード#00584b
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#00584b
は0%の赤色、34.51%の绿色、29.41%の青色でできている。HSLで色彩空間#00584b
は171.14度の色調、100%の彩度、17.25%の明るさを有している。この色は約512 nmの波長である。
#00584b
情報反転
#ffa7b4 25% 飽和度
#00584b 濃淡階調
#2c2c2c
25% 明るく
#006d5d オリジナル
#00584b 25% 暗く
#004238
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b4d43 ウェブセーフ:teal
#008080
rgb(0, 88, 75)
rgba(0, 88, 75, 1.0)
赤色:0%、黄色:18.6311%、青色:34.5098%
#00584b
22603
-16754613 / 0xff00584b
hsl(171, 100%, 17%)
hsla(171, 100%, 17%, 1.0)
色調:171(171.1364)、彩度:100(100)、値:35(34.5098)
X:4.7597、Y:7.4874、Z:7.851
x:0.2368、y:0.3725、Y:7.4874
L:32.8918、a:-26.4437、b:1.0525
L:32.8918、u:-26.7038、v:4.6448
L:32.8918、C:26.4646、H:177.7206
L:27.3632、a:-16.8362、b:2.1429
シアン色:100(1)、マゼンタ色:0(0)、黄色:15(0.1477)、黒色:65(0.6549)
シアン色:100(1)、マゼンタ色:65(0.6549)、黄色:71(0.7059)
Y:60.206、I:-48.2466、Q:-22.6529
Y:60.206、U:7.2803、V:-52.8199
Y:60.206、Db:22.271、Dr:114.483
Y:67.702、Cb:135.317、Cr:90.291
Y:68.32、Pb:3.62、Pr:-43.402
10G 3/6(近似の)
#00584b
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#00584b
黒まで#00584b
白まで#00584b
前景
<p style="color: #00584b">#00584b前景</p>
#00584b
背景
<p style="background-color: #00584b; color: #fff">#00584b背景</p>
#00584b
境界
<p style="border: #00584b 3px solid">#00584b境界</p>
#00584b
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00584b, #fff); background: -webkit-radial-gradient(50% 50%, #00584b, #fff); background: -o-radial-gradient(50% 50%, #00584b, #fff); background: -ms-radial-gradient(50% 50%, #00584b, #fff); background: radial-gradient(50% 50%, #00584b, #fff); color: #fff">#00584b放射状グラデーション</p>
#00584b
を補足するための#58000c
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00584b, #58000c); background: -webkit-linear-gradient(top, #00584b, #58000c); background: -o-linear-gradient(top, #00584b, #58000c); background: -ms-linear-gradient(top, #00584b, #58000c); background: linear-gradient(top, #00584b, #58000c); color: #fff">
#00584b
を補足するための#58000c
線上グラデーション</p>
#00584b
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00584b">#00584bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00584b
に関連している順番で並べらられている。関連は、十六進法の色#00584b
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: