#024c42
十六進の色コード十六進の色コード#024c42
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#024c42
は0.78%の赤色、29.8%の绿色、25.88%の青色でできている。HSLで色彩空間#024c42
は171.89度の色調、94.87%の彩度、15.29%の明るさを有している。この色は約512 nmの波長である。
#024c42
情報反転
#fdb3bd 25% 飽和度
#004e43 濃淡階調
#272727
25% 明るく
#025e52 オリジナル
#024c42 25% 暗く
#013831
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b423b ウェブセーフ:teal
#008080
rgb(2, 76, 66)
rgba(2, 76, 66, 1.0)
赤色:0.7843%、黄色:16.3456%、青色:29.8039%
#024c42
150594
-16626622 / 0xff024c42
hsl(172, 95%, 15%)
hsla(172, 95%, 15%, 1.0)
色調:172(171.8919)、彩度:97(97.3684)、値:30(29.8039)
X:3.5928、Y:5.5751、Z:6.041
x:0.2362、y:0.3666、Y:5.5751
L:28.3142、a:-23.2052、b:0.1234
L:28.3142、u:-22.606、v:2.9362
L:28.3142、C:23.2055、H:179.6952
L:23.6117、a:-14.1593、b:1.359
シアン色:97(0.9737)、マゼンタ色:0(0)、黄色:13(0.1316)、黒色:70(0.702)
シアン色:99(0.9922)、マゼンタ色:70(0.702)、黄色:74(0.7412)
Y:52.734、I:-40.8704、Q:-18.7591
Y:52.734、U:6.5284、V:-44.5099
Y:52.734、Db:19.97、Dr:96.472
Y:61.286、Cb:134.562、Cr:96.224
Y:59.518、Pb:3.51、Pr:-36.54
10G 3/4近似、完全一致:Munsell 10G 3/4 / #205048
#024c42
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#024c42
黒まで#024c42
白まで#024c42
前景
<p style="color: #024c42">#024c42前景</p>
#024c42
背景
<p style="background-color: #024c42; color: #fff">#024c42背景</p>
#024c42
境界
<p style="border: #024c42 3px solid">#024c42境界</p>
#024c42
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024c42, #fff); background: -webkit-radial-gradient(50% 50%, #024c42, #fff); background: -o-radial-gradient(50% 50%, #024c42, #fff); background: -ms-radial-gradient(50% 50%, #024c42, #fff); background: radial-gradient(50% 50%, #024c42, #fff); color: #fff">#024c42放射状グラデーション</p>
#024c42
を補足するための#4c020c
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024c42, #4c020c); background: -webkit-linear-gradient(top, #024c42, #4c020c); background: -o-linear-gradient(top, #024c42, #4c020c); background: -ms-linear-gradient(top, #024c42, #4c020c); background: linear-gradient(top, #024c42, #4c020c); color: #fff">
#024c42
を補足するための#4c020c
線上グラデーション</p>
#024c42
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024c42">#024c42テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#024c42
に関連している順番で並べらられている。関連は、十六進法の色#024c42
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: