#004e40
十六進の色コード十六進の色コード#004e40
青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#004e40
は0%の赤色、30.59%の绿色、25.1%の青色でできている。HSLで色彩空間#004e40
は169.23度の色調、100%の彩度、15.29%の明るさを有している。この色は約513 nmの波長である。
#004e40
情報反転
#ffb1bf 25% 飽和度
#004e3f 濃淡階調
#272727
25% 明るく
#00614f オリジナル
#004e40 25% 暗く
#003a2f
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#094439 ウェブセーフ:teal
#008080
rgb(0, 78, 64)
rgba(0, 78, 64, 1.0)
赤色:0%、黄色:16.802%、青色:30.5882%
#004e40
20032
-16757184 / 0xff004e40
hsl(169, 100%, 15%)
hsla(169, 100%, 15%, 1.0)
色調:169(169.2308)、彩度:100(100)、値:31(30.5882)
X:3.6498、Y:5.8189、Z:5.7813
x:0.2393、y:0.3816、Y:5.8189
L:28.951、a:-25.0678、b:2.3305
L:28.951、u:-23.7142、v:5.7702
L:28.951、C:25.1759、H:174.6886
L:24.1225、a:-15.2068、b:2.6761
シアン色:100(1)、マゼンタ色:0(0)、黄色:18(0.1795)、黒色:69(0.6941)
シアン色:100(1)、マゼンタ色:69(0.6941)、黄色:75(0.749)
Y:53.082、I:-41.9682、Q:-20.8495
Y:53.082、U:5.3729、V:-46.5699
Y:53.082、Db:16.438、Dr:100.936
Y:61.584、Cb:133.398、Cr:94.752
Y:60.378、Pb:1.97、Pr:-38.356
7.5G 3/6(近似の)
#004e40
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#004e40
黒まで#004e40
白まで#004e40
前景
<p style="color: #004e40">#004e40前景</p>
#004e40
背景
<p style="background-color: #004e40; color: #fff">#004e40背景</p>
#004e40
境界
<p style="border: #004e40 3px solid">#004e40境界</p>
#004e40
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004e40, #fff); background: -webkit-radial-gradient(50% 50%, #004e40, #fff); background: -o-radial-gradient(50% 50%, #004e40, #fff); background: -ms-radial-gradient(50% 50%, #004e40, #fff); background: radial-gradient(50% 50%, #004e40, #fff); color: #fff">#004e40放射状グラデーション</p>
#004e40
を補足するための#4e000e
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004e40, #4e000e); background: -webkit-linear-gradient(top, #004e40, #4e000e); background: -o-linear-gradient(top, #004e40, #4e000e); background: -ms-linear-gradient(top, #004e40, #4e000e); background: linear-gradient(top, #004e40, #4e000e); color: #fff">
#004e40
を補足するための#4e000e
線上グラデーション</p>
#004e40
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004e40">#004e40テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#004e40
に関連している順番で並べらられている。関連は、十六進法の色#004e40
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: