#02554d
十六進の色コード十六進の色コード#02554d
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#02554d
は0.78%の赤色、33.33%の绿色、30.2%の青色でできている。HSLで色彩空間#02554d
は174.22度の色調、95.4%の彩度、17.06%の明るさを有している。この色は約510 nmの波長である。
#02554d
情報反転
#fdaab2 25% 飽和度
#00574e 濃淡階調
#2b2b2b
25% 明るく
#026a60 オリジナル
#02554d 25% 暗く
#013f39
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c4a44 ウェブセーフ:teal
#008080
rgb(2, 85, 77)
rgba(2, 85, 77, 1.0)
赤色:0.7843%、黄色:17.8828%、青色:33.3333%
#02554d
152909
-16624307 / 0xff02554d
hsl(174, 95%, 17%)
hsla(174, 95%, 17%, 1.0)
色調:174(174.2169)、彩度:98(97.6471)、値:33(33.3333)
X:4.6131、Y:7.0457、Z:8.138
x:0.233、y:0.3559、Y:7.0457
L:31.9108、a:-24.1275、b:-1.6412
L:31.9108、u:-25.249、v:0.9871
L:31.9108、C:24.1833、H:183.8914
L:26.5438、a:-15.4298、b:0.4031
シアン色:98(0.9765)、マゼンタ色:0(0)、黄色:9(0.0941)、黒色:67(0.6667)
シアン色:99(0.9922)、マゼンタ色:67(0.6667)、黄色:70(0.698)
Y:59.271、I:-46.8743、Q:-20.0399
Y:59.271、U:8.7246、V:-50.2449
Y:59.271、Db:26.686、Dr:108.903
Y:66.9、Cb:136.772、Cr:92.131
Y:66.745、Pb:5.545、Pr:-41.132
2.5BG 3/6(近似の)
#02554d
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02554d
黒まで#02554d
白まで#02554d
前景
<p style="color: #02554d">#02554d前景</p>
#02554d
背景
<p style="background-color: #02554d; color: #fff">#02554d背景</p>
#02554d
境界
<p style="border: #02554d 3px solid">#02554d境界</p>
#02554d
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02554d, #fff); background: -webkit-radial-gradient(50% 50%, #02554d, #fff); background: -o-radial-gradient(50% 50%, #02554d, #fff); background: -ms-radial-gradient(50% 50%, #02554d, #fff); background: radial-gradient(50% 50%, #02554d, #fff); color: #fff">#02554d放射状グラデーション</p>
#02554d
を補足するための#55020a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02554d, #55020a); background: -webkit-linear-gradient(top, #02554d, #55020a); background: -o-linear-gradient(top, #02554d, #55020a); background: -ms-linear-gradient(top, #02554d, #55020a); background: linear-gradient(top, #02554d, #55020a); color: #fff">
#02554d
を補足するための#55020a
線上グラデーション</p>
#02554d
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02554d">#02554dテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02554d
に関連している順番で並べらられている。関連は、十六進法の色#02554d
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: