#d5f45f
十六進の色コード十六進の色コード#d5f45f
黄緑色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#d5f45f
は83.53%の赤色、95.69%の绿色、37.25%の青色でできている。HSLで色彩空間#d5f45f
は72.48度の色調、87.13%の彩度、66.47%の明るさを有している。この色は約574 nmの波長である。
#d5f45f
情報反転
#2a0ba0 25% 飽和度
#dbff54 濃淡階調
#a9a9a9
rgb(213, 244, 95)
rgba(213, 244, 95, 1.0)
赤色:37.2549%、黄色:95.6863%、青色:49.4118%
#d5f45f
14021727
-2755489 / 0xffd5f45f
hsl(72, 87%, 66%)
hsla(72, 87%, 66%, 1.0)
色調:72(72.4832)、彩度:61(61.0656)、値:96(95.6863)
X:61.8568、Y:79.6737、Z:22.9448
x:0.3761、y:0.4844、Y:79.6737
L:91.5383、a:-30.2293、b:66.3949
L:91.5383、u:-13.3453、v:86.2966
L:91.5383、C:72.9527、H:114.4796
L:89.2601、a:-32.5057、b:47.2413
シアン色:13(0.127)、マゼンタ色:0(0)、黄色:61(0.6107)、黒色:4(0.0431)
シアン色:16(0.1647)、マゼンタ色:4(0.0431)、黄色:63(0.6275)
Y:217.745、I:29.401、Q:-52.9143
Y:217.745、U:-60.4005、V:-4.1635
Y:217.745、Db:-184.667、Dr:8.99
Y:203.027、Cb:67.177、Cr:124.97
Y:226.669、Pb:-70.935、Pr:-8.646
5GY 9/10近似、完全一致:Munsell 5GY 9/10 / #daf060
#d5f45f
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#d5f45f
黒まで#d5f45f
白まで#d5f45f
前景
<p style="color: #d5f45f; background-color: #000">#d5f45f前景</p>
#d5f45f
背景
<p style="background-color: #d5f45f">#d5f45f背景</p>
#d5f45f
境界
<p style="border: #d5f45f 3px solid">#d5f45f境界</p>
#d5f45f
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #d5f45f, #fff); background: -webkit-radial-gradient(50% 50%, #d5f45f, #fff); background: -o-radial-gradient(50% 50%, #d5f45f, #fff); background: -ms-radial-gradient(50% 50%, #d5f45f, #fff); background: radial-gradient(50% 50%, #d5f45f, #fff)">#d5f45f放射状グラデーション</p>
#d5f45f
を補足するための#7e5ff3
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #d5f45f, #7e5ff3); background: -webkit-linear-gradient(top, #d5f45f, #7e5ff3); background: -o-linear-gradient(top, #d5f45f, #7e5ff3); background: -ms-linear-gradient(top, #d5f45f, #7e5ff3); background: linear-gradient(top, #d5f45f, #7e5ff3); color: #000">
#d5f45f
を補足するための#7e5ff3
線上グラデーション</p>
#d5f45f
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #d5f45f">#d5f45fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#d5f45f
に関連している順番で並べらられている。関連は、十六進法の色#d5f45f
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: