#024d39
十六進の色コード十六進の色コード#024d39
青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#024d39
は0.78%の赤色、30.2%の绿色、22.35%の青色でできている。HSLで色彩空間#024d39
は164度の色調、94.94%の彩度、15.49%の明るさを有している。この色は約517 nmの波長である。
#024d39
情報反転
#fdb2c6 25% 飽和度
#004f39 濃淡階調
#272727
25% 明るく
#026047 オリジナル
#024d39 25% 暗く
#01392a
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b4334 ウェブセーフ:teal
#008080
rgb(2, 77, 57)
rgba(2, 77, 57, 1.0)
赤色:0.7843%、黄色:17.7526%、青色:30.1961%
#024d39
150841
-16626375 / 0xff024d39
hsl(164, 95%, 15%)
hsla(164, 95%, 15%, 1.0)
色調:164(164)、彩度:97(97.4026)、値:30(30.1961)
X:3.4174、Y:5.6161、Z:4.7748
x:0.2475、y:0.4067、Y:5.6161
L:28.4224、a:-26.4481、b:6.0624
L:28.4224、u:-23.5737、v:10.0807
L:28.4224、C:27.134、H:167.0897
L:23.6982、a:-15.7311、b:4.6429
シアン色:97(0.974)、マゼンタ色:0(0)、黄色:26(0.2597)、黒色:70(0.698)
シアン色:99(0.9922)、マゼンタ色:70(0.698)、黄色:78(0.7765)
Y:52.295、I:-38.2534、Q:-22.0819
Y:52.295、U:2.3155、V:-44.1248
Y:52.295、Db:7.09、Dr:95.635
Y:60.908、Cb:130.32、Cr:96.495
Y:59.585、Pb:-1.375、Pr:-36.58
5G 3/6(近似の)
#024d39
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#024d39
黒まで#024d39
白まで#024d39
前景
<p style="color: #024d39">#024d39前景</p>
#024d39
背景
<p style="background-color: #024d39; color: #fff">#024d39背景</p>
#024d39
境界
<p style="border: #024d39 3px solid">#024d39境界</p>
#024d39
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024d39, #fff); background: -webkit-radial-gradient(50% 50%, #024d39, #fff); background: -o-radial-gradient(50% 50%, #024d39, #fff); background: -ms-radial-gradient(50% 50%, #024d39, #fff); background: radial-gradient(50% 50%, #024d39, #fff); color: #fff">#024d39放射状グラデーション</p>
#024d39
を補足するための#4d0215
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024d39, #4d0215); background: -webkit-linear-gradient(top, #024d39, #4d0215); background: -o-linear-gradient(top, #024d39, #4d0215); background: -ms-linear-gradient(top, #024d39, #4d0215); background: linear-gradient(top, #024d39, #4d0215); color: #fff">
#024d39
を補足するための#4d0215
線上グラデーション</p>
#024d39
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024d39">#024d39テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#024d39
に関連している順番で並べらられている。関連は、十六進法の色#024d39
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: