ไล่เฉดสีแบบรัศมี ม่วง ส้ม ลาเวนเดอร์ และชมพู

ไล่เฉดสีแบบรัศมี 40 สี: #3d1e5b, #ff875a, #e7a3d0, #dc6c85, #e4bacd แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#3d1e5b
#4c2363
#632a6d
#7f3274
#a03c78
#c04776
#dd546f
#f36165
#ff6f5d
#ff7e5d
#ff875a
#ff8c53
#ff8e4b
#ff8e45
#ff8d45
#ff8e4f
#ff8f62
#ff917d
#fd949c
#f49bb9
#e7a3d0
#d9abde
#cdb1e3
#c6b2e4
#c3b0e2
#c4a7dd
#c899d2
#d089bf
#d779a4
#dc6c85
#dd6369
#dd6157
#de6557
#e06e64
#e27a79
#e48890
#e597a6
#e5a5b9
#e4b1c6
#e4bacd

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.10% 0.1061 304.45) 0.0%, oklch(34.51% 0.1130 311.57) 2.6%, oklch(39.33% 0.1230 321.57) 5.1%, oklch(45.08% 0.1351 333.51) 7.7%, oklch(51.29% 0.1479 346.45) 10.3%, oklch(57.50% 0.1603 359.43) 12.8%, oklch(63.24% 0.1712 11.51) 15.4%, oklch(68.03% 0.1794 21.73) 17.9%, oklch(71.42% 0.1795 29.22) 20.5%, oklch(73.58% 0.1643 35.41) 23.1%, oklch(74.87% 0.1577 40.99) 25.6%, oklch(75.51% 0.1568 45.60) 28.2%, oklch(75.71% 0.1589 48.92) 30.8%, oklch(75.68% 0.1613 50.60) 33.3%, oklch(75.61% 0.1614 50.30) 35.9%, oklch(75.74% 0.1572 47.67) 38.5%, oklch(76.22% 0.1481 42.08) 41.0%, oklch(76.96% 0.1368 31.02) 43.6%, oklch(77.80% 0.1262 15.63) 46.2%, oklch(78.63% 0.1121 357.86) 48.7%, oklch(79.35% 0.0983 339.69) 51.3%, oklch(79.85% 0.0860 323.07) 53.8%, oklch(80.03% 0.0768 309.97) 56.4%, oklch(79.77% 0.0720 302.35) 59.0%, oklch(78.89% 0.0733 302.06) 61.5%, oklch(77.10% 0.0815 308.83) 64.1%, oklch(74.67% 0.0947 320.73) 66.7%, oklch(71.94% 0.1107 335.76) 69.2%, oklch(69.24% 0.1271 351.92) 71.8%, oklch(66.88% 0.1419 7.20) 74.4%, oklch(65.21% 0.1526 19.63) 76.9%, oklch(64.55% 0.1571 27.18) 79.5%, oklch(65.17% 0.1539 28.94) 82.1%, oklch(66.93% 0.1443 26.70) 84.6%, oklch(69.51% 0.1301 21.56) 87.2%, oklch(72.56% 0.1132 14.56) 89.7%, oklch(75.78% 0.0954 6.75) 92.3%, oklch(78.82% 0.0786 359.16) 94.9%, oklch(81.36% 0.0646 352.85) 97.4%, oklch(83.07% 0.0551 348.84) 100.0%);

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

ไล่เฉดสีส้มและม่วง

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