#004f39
十六進の色コード十六進の色コード#004f39
青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#004f39
は0%の赤色、30.98%の绿色、22.35%の青色でできている。HSLで色彩空間#004f39
は163.29度の色調、100%の彩度、15.49%の明るさを有している。この色は約517 nmの波長である。
#004f39
情報反転
#ffb0c6 25% 飽和度
#004f38 濃淡階調
#272727
25% 明るく
#006247 オリジナル
#004f39 25% 暗く
#003b2a
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#094534 ウェブセーフ:teal
#008080
rgb(0, 79, 57)
rgba(0, 79, 57, 1.0)
赤色:0%、黄色:17.996%、青色:30.9804%
#004f39
20281
-16756935 / 0xff004f39
hsl(163, 100%, 15%)
hsla(163, 100%, 15%, 1.0)
色調:163(163.2911)、彩度:100(100)、値:31(30.9804)
X:3.5345、Y:5.8874、Z:4.821
x:0.2482、y:0.4134、Y:5.8874
L:29.1265、a:-27.6197、b:7.0497
L:29.1265、u:-24.5547、v:11.3921
L:29.1265、C:28.5052、H:165.6815
L:24.2639、a:-16.4599、b:5.2044
シアン色:100(1)、マゼンタ色:0(0)、黄色:28(0.2785)、黒色:69(0.6902)
シアン色:100(1)、マゼンタ色:69(0.6902)、黄色:78(0.7765)
Y:52.871、I:-39.9938、Q:-23.55
Y:52.871、U:2.0321、V:-46.3848
Y:52.871、Db:6.224、Dr:100.533
Y:61.402、Cb:130.034、Cr:94.881
Y:60.589、Pb:-1.915、Pr:-38.488
5G 3/6(近似の)
#004f39
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#004f39
黒まで#004f39
白まで#004f39
前景
<p style="color: #004f39">#004f39前景</p>
#004f39
背景
<p style="background-color: #004f39; color: #fff">#004f39背景</p>
#004f39
境界
<p style="border: #004f39 3px solid">#004f39境界</p>
#004f39
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004f39, #fff); background: -webkit-radial-gradient(50% 50%, #004f39, #fff); background: -o-radial-gradient(50% 50%, #004f39, #fff); background: -ms-radial-gradient(50% 50%, #004f39, #fff); background: radial-gradient(50% 50%, #004f39, #fff); color: #fff">#004f39放射状グラデーション</p>
#004f39
を補足するための#4f0015
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004f39, #4f0015); background: -webkit-linear-gradient(top, #004f39, #4f0015); background: -o-linear-gradient(top, #004f39, #4f0015); background: -ms-linear-gradient(top, #004f39, #4f0015); background: linear-gradient(top, #004f39, #4f0015); color: #fff">
#004f39
を補足するための#4f0015
線上グラデーション</p>
#004f39
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004f39">#004f39テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#004f39
に関連している順番で並べらられている。関連は、十六進法の色#004f39
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: