#005654
十六進の色コード十六進の色コード#005654
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#005654
は0%の赤色、33.73%の绿色、32.94%の青色でできている。HSLで色彩空間#005654
は178.6度の色調、100%の彩度、16.86%の明るさを有している。この色は約508 nmの波長である。
#005654
情報反転
#ffa9ab 25% 飽和度
#005654 濃淡階調
#2b2b2b
25% 明るく
#006b69 オリジナル
#005654 25% 暗く
#00403f
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0a4b49 ウェブセーフ:teal
#008080
rgb(0, 86, 84)
rgba(0, 86, 84, 1.0)
赤色:0%、黄色:17.0611%、青色:33.7255%
#005654
22100
-16755116 / 0xff005654
hsl(179, 100%, 17%)
hsla(179, 100%, 17%, 1.0)
色調:179(178.6047)、彩度:100(100)、値:34(33.7255)
X:4.928、Y:7.2957、Z:9.536
x:0.2265、y:0.3353、Y:7.2957
L:32.4707、a:-22.4818、b:-5.2472
L:32.4707、u:-25.3125、v:-3.8308
L:32.4707、C:23.086、H:193.1375
L:27.0105、a:-14.7013、b:-2.0248
シアン色:100(1)、マゼンタ色:0(0)、黄色:2(0.0233)、黒色:66(0.6627)
シアン色:100(1)、マゼンタ色:66(0.6627)、黄色:67(0.6706)
Y:60.058、I:-50.589、Q:-18.8075
Y:60.058、U:11.782、V:-52.69
Y:60.058、Db:36.034、Dr:114.204
Y:67.576、Cb:139.85、Cr:90.388
Y:67.538、Pb:8.89、Pr:-42.908
2.5BG 3/6(近似の)
#005654
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#005654
黒まで#005654
白まで#005654
前景
<p style="color: #005654">#005654前景</p>
#005654
背景
<p style="background-color: #005654; color: #fff">#005654背景</p>
#005654
境界
<p style="border: #005654 3px solid">#005654境界</p>
#005654
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #005654, #fff); background: -webkit-radial-gradient(50% 50%, #005654, #fff); background: -o-radial-gradient(50% 50%, #005654, #fff); background: -ms-radial-gradient(50% 50%, #005654, #fff); background: radial-gradient(50% 50%, #005654, #fff); color: #fff">#005654放射状グラデーション</p>
#005654
を補足するための#560002
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #005654, #560002); background: -webkit-linear-gradient(top, #005654, #560002); background: -o-linear-gradient(top, #005654, #560002); background: -ms-linear-gradient(top, #005654, #560002); background: linear-gradient(top, #005654, #560002); color: #fff">
#005654
を補足するための#560002
線上グラデーション</p>
#005654
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #005654">#005654テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#005654
に関連している順番で並べらられている。関連は、十六進法の色#005654
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: