#c5c532
十六進の色コード十六進の色コード#c5c532
黄色の色合いです。光の三原色RGBにおいて色モデル#c5c532
は77.25%の赤色、77.25%の绿色、19.61%の青色でできている。HSLで色彩空間#c5c532
は60度の色調、59.51%の彩度、48.43%の明るさを有している。この色は約582 nmの波長である。Sigma Natural Green / S 1070-G60Yはペイントカラーに調和している。
#c5c532
情報反転
#3a3acd 25% 飽和度
#d7d71f 濃淡階調
#7b7b7b
rgb(197, 197, 50)
rgba(197, 197, 50, 1.0)
赤色:19.6078%、黄色:77.2549%、青色:19.6078%
#c5c532
12961074
-3816142 / 0xffc5c532
hsl(60, 60%, 48%)
hsla(60, 60%, 48%, 1.0)
色調:60(60)、彩度:75(74.6193)、値:77(77.2549)
X:43.5679、Y:52.0331、Z:10.7647
x:0.4096、y:0.4892、Y:52.0331
L:77.3006、a:-16.6385、b:68.3839
L:77.3006、u:5.6911、v:78.8969
L:77.3006、C:70.379、H:103.675
L:72.134、a:-18.4229、b:41.6458
シアン色:0(0)、マゼンタ色:0(0)、黄色:75(0.7462)、黒色:23(0.2275)
シアン色:23(0.2275)、マゼンタ色:23(0.2275)、黄色:80(0.8039)
Y:180.242、I:47.2257、Q:-45.7368
Y:180.242、U:-64.09、V:14.7015
Y:180.242、Db:-195.951、Dr:-31.899
Y:170.817、Cb:63.467、Cr:138.437
Y:186.416、Pb:-73.5、Pr:6.762
2.5GY 8/10近似、完全一致:Munsell 2.5GY 8/10 / #ccd13e
#c5c532
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#c5c532
黒まで#c5c532
白まで#c5c532
前景
<p style="color: #c5c532; background-color: #000">#c5c532前景</p>
#c5c532
背景
<p style="background-color: #c5c532">#c5c532背景</p>
#c5c532
境界
<p style="border: #c5c532 3px solid">#c5c532境界</p>
#c5c532
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #c5c532, #fff); background: -webkit-radial-gradient(50% 50%, #c5c532, #fff); background: -o-radial-gradient(50% 50%, #c5c532, #fff); background: -ms-radial-gradient(50% 50%, #c5c532, #fff); background: radial-gradient(50% 50%, #c5c532, #fff)">#c5c532放射状グラデーション</p>
#c5c532
を補足するための#3131c5
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #c5c532, #3131c5); background: -webkit-linear-gradient(top, #c5c532, #3131c5); background: -o-linear-gradient(top, #c5c532, #3131c5); background: -ms-linear-gradient(top, #c5c532, #3131c5); background: linear-gradient(top, #c5c532, #3131c5); color: #000">
#c5c532
を補足するための#3131c5
線上グラデーション</p>
#c5c532
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #c5c532">#c5c532テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#c5c532
に関連している順番で並べらられている。関連は、十六進法の色#c5c532
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: