ไล่เฉดสีแบบรัศมี เทาและเบจ

ไล่เฉดสีแบบรัศมี 32 สี: #d9d4e3, #d8bdc0, #d0c199, #a5beac, #899db8 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

คีย์เฟรม OKLCH ที่แก้ไขได้ 7 อัน

#d9d4e3
#d9d2e1
#d9cfdf
#d8ccdb
#d8c8d7
#d8c5d2
#d8c2cd
#d8c0c7
#d8bdc0
#d7bcb9
#d6bab3
#d6baad
#d7bba8
#d7bca2
#d7be9e
#d4c09a
#d0c199
#ccc299
#c8c29a
#c3c29c
#bdc19f
#b6c1a2
#adc0a6
#a5beac
#9fbbb1
#9bb7b4
#97b3b5
#93afb6
#8faab7
#8ba5b8
#89a0b8
#899db8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.80% 0.0220 303.05) 0.0%, oklch(87.33% 0.0227 307.20) 3.2%, oklch(86.66% 0.0237 312.80) 6.5%, oklch(85.89% 0.0249 319.65) 9.7%, oklch(85.10% 0.0261 327.57) 12.9%, oklch(84.36% 0.0274 336.38) 16.1%, oklch(83.68% 0.0284 346.46) 19.4%, oklch(82.96% 0.0293 358.28) 22.6%, oklch(82.26% 0.0302 10.99) 25.8%, oklch(81.65% 0.0316 23.72) 29.0%, oklch(81.20% 0.0336 35.59) 32.3%, oklch(81.00% 0.0368 46.13) 35.5%, oklch(81.05% 0.0416 56.09) 38.7%, oklch(81.24% 0.0470 65.54) 41.9%, oklch(81.45% 0.0521 74.45) 45.2%, oklch(81.54% 0.0556 82.81) 48.4%, oklch(81.41% 0.0568 90.31) 51.6%, oklch(81.18% 0.0558 95.90) 54.8%, oklch(80.86% 0.0535 100.63) 58.1%, oklch(80.45% 0.0505 105.88) 61.3%, oklch(79.93% 0.0473 113.03) 64.5%, oklch(79.30% 0.0445 123.45) 67.7%, oklch(78.53% 0.0411 137.70) 71.0%, oklch(77.65% 0.0371 154.39) 74.2%, oklch(76.68% 0.0335 171.92) 77.4%, oklch(75.66% 0.0310 188.68) 80.6%, oklch(74.63% 0.0304 203.11) 83.9%, oklch(73.43% 0.0322 216.36) 87.1%, oklch(72.11% 0.0359 229.03) 90.3%, oklch(70.81% 0.0402 240.46) 93.5%, oklch(69.69% 0.0442 249.97) 96.8%, oklch(68.90% 0.0469 256.90) 100.0%);

อยู่ในคอลเลกชันเหล่านี้

ไล่เฉดสีรุ้งโทนหม่น

พาเลตต์ที่คล้ายกัน คอลเลกชัน ดาวน์โหลด PNG JSON ของพาเลตต์Markdown วิธีการทำงาน