#02584f
十六進の色コード十六進の色コード#02584f
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#02584f
は0.78%の赤色、34.51%の绿色、30.98%の青色でできている。HSLで色彩空間#02584f
は173.72度の色調、95.56%の彩度、17.65%の明るさを有している。この色は約511 nmの波長である。
#02584f
情報反転
#fda7b0 25% 飽和度
#005950 濃淡階調
#2c2c2c
25% 明るく
#026d62 オリジナル
#02584f 25% 暗く
#01423b
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c4d46 ウェブセーフ:teal
#008080
rgb(2, 88, 79)
rgba(2, 88, 79, 1.0)
赤色:0.7843%、黄色:18.5781%、青色:34.5098%
#02584f
153679
-16623537 / 0xff02584f
hsl(174, 96%, 18%)
hsla(174, 96%, 18%, 1.0)
色調:174(173.7209)、彩度:98(97.7273)、値:35(34.5098)
X:4.926、Y:7.5569、Z:8.5961
x:0.2337、y:0.3585、Y:7.5569
L:33.0424、a:-24.9709、b:-1.2422
L:33.0424、u:-26.2324、v:1.6095
L:33.0424、C:25.0017、H:182.8479
L:27.4898、a:-16.1207、b:0.7027
シアン色:98(0.9773)、マゼンタ色:0(0)、黄色:10(0.1023)、黒色:65(0.6549)
シアン色:99(0.9922)、マゼンタ色:65(0.6549)、黄色:69(0.6902)
Y:61.26、I:-48.3402、Q:-20.9854
Y:61.26、U:8.7301、V:-51.9899
Y:61.26、Db:26.703、Dr:112.685
Y:68.608、Cb:136.777、Cr:90.885
Y:69.034、Pb:5.39、Pr:-42.586
10G 3/6(近似の)
#02584f
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02584f
黒まで#02584f
白まで#02584f
前景
<p style="color: #02584f">#02584f前景</p>
#02584f
背景
<p style="background-color: #02584f; color: #fff">#02584f背景</p>
#02584f
境界
<p style="border: #02584f 3px solid">#02584f境界</p>
#02584f
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02584f, #fff); background: -webkit-radial-gradient(50% 50%, #02584f, #fff); background: -o-radial-gradient(50% 50%, #02584f, #fff); background: -ms-radial-gradient(50% 50%, #02584f, #fff); background: radial-gradient(50% 50%, #02584f, #fff); color: #fff">#02584f放射状グラデーション</p>
#02584f
を補足するための#58010b
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02584f, #58010b); background: -webkit-linear-gradient(top, #02584f, #58010b); background: -o-linear-gradient(top, #02584f, #58010b); background: -ms-linear-gradient(top, #02584f, #58010b); background: linear-gradient(top, #02584f, #58010b); color: #fff">
#02584f
を補足するための#58010b
線上グラデーション</p>
#02584f
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02584f">#02584fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02584f
に関連している順番で並べらられている。関連は、十六進法の色#02584f
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: