#005e54
十六進の色コード十六進の色コード#005e54
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#005e54
は0%の赤色、36.86%の绿色、32.94%の青色でできている。HSLで色彩空間#005e54
は173.62度の色調、100%の彩度、18.43%の明るさを有している。この色は約511 nmの波長である。
#005e54
情報反転
#ffa1ab 25% 飽和度
#005e53 濃淡階調
#2f2f2f
25% 明るく
#007568 オリジナル
#005e54 25% 暗く
#00463e
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b524a ウェブセーフ:teal
#008080
rgb(0, 94, 84)
rgba(0, 94, 84, 1.0)
赤色:0%、黄色:19.4668%、青色:36.8627%
#005e54
24148
-16753068 / 0xff005e54
hsl(174, 100%, 18%)
hsla(174, 100%, 18%, 1.0)
色調:174(173.617)、彩度:100(100)、値:37(36.8627)
X:5.6029、Y:8.6455、Z:9.7609
x:0.2334、y:0.3601、Y:8.6455
L:35.2926、a:-26.4949、b:-1.075
L:35.2926、u:-28.2874、v:2.0525
L:35.2926、C:26.5167、H:182.3234
L:29.4032、a:-17.4416、b:0.8998
シアン色:100(1)、マゼンタ色:0(0)、黄色:11(0.1064)、黒色:63(0.6314)
シアン色:100(1)、マゼンタ色:63(0.6314)、黄色:67(0.6706)
Y:64.754、I:-52.7847、Q:-22.9882
Y:64.754、U:9.4712、V:-56.8099
Y:64.754、Db:28.97、Dr:123.132
Y:71.608、Cb:137.522、Cr:87.444
Y:73.258、Pb:5.81、Pr:-46.54
10G 3/6(近似の)
#005e54
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#005e54
黒まで#005e54
白まで#005e54
前景
<p style="color: #005e54">#005e54前景</p>
#005e54
背景
<p style="background-color: #005e54; color: #fff">#005e54背景</p>
#005e54
境界
<p style="border: #005e54 3px solid">#005e54境界</p>
#005e54
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #005e54, #fff); background: -webkit-radial-gradient(50% 50%, #005e54, #fff); background: -o-radial-gradient(50% 50%, #005e54, #fff); background: -ms-radial-gradient(50% 50%, #005e54, #fff); background: radial-gradient(50% 50%, #005e54, #fff); color: #fff">#005e54放射状グラデーション</p>
#005e54
を補足するための#5e000a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #005e54, #5e000a); background: -webkit-linear-gradient(top, #005e54, #5e000a); background: -o-linear-gradient(top, #005e54, #5e000a); background: -ms-linear-gradient(top, #005e54, #5e000a); background: linear-gradient(top, #005e54, #5e000a); color: #fff">
#005e54
を補足するための#5e000a
線上グラデーション</p>
#005e54
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #005e54">#005e54テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#005e54
に関連している順番で並べらられている。関連は、十六進法の色#005e54
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: