ไล่เฉดสีเชิงเส้น พีช ม่วง ชมพู และกรมท่า

ไล่เฉดสีเชิงเส้น 32 สี มุม 90°: #f4ae7b, #8f5d9e, #cc6aa2, #cf6983, #111632 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#f4ae7b
#f2a67b
#ec9a7e
#e48c83
#d77f8a
#c77491
#b46a98
#a1629c
#8f5d9e
#81599f
#7857a0
#7756a1
#7e57a4
#8d5aa7
#a05fa8
#b664a7
#cc6aa2
#de709a
#ec7791
#f57c89
#f67e83
#f17b81
#e47382
#cf6983
#b65d83
#98517f
#794577
#5b396a
#412e5b
#2b244b
#1b1c3d
#111632

CSS

background: linear-gradient(90deg in oklch, oklch(80.71% 0.1061 56.95) 0.0%, oklch(78.85% 0.1067 49.61) 3.2%, oklch(76.21% 0.1073 39.17) 6.5%, oklch(72.99% 0.1080 26.47) 9.7%, oklch(69.41% 0.1087 12.34) 12.9%, oklch(65.68% 0.1096 357.59) 16.1%, oklch(62.01% 0.1107 343.06) 19.4%, oklch(58.61% 0.1119 329.58) 22.6%, oklch(55.70% 0.1132 317.98) 25.8%, oklch(53.48% 0.1147 309.07) 29.0%, oklch(52.17% 0.1165 303.69) 32.3%, oklch(52.04% 0.1187 302.72) 35.5%, oklch(53.26% 0.1221 306.29) 38.7%, oklch(55.53% 0.1263 313.44) 41.9%, oklch(58.51% 0.1309 323.16) 45.2%, oklch(61.88% 0.1357 334.43) 48.4%, oklch(65.31% 0.1401 346.25) 51.6%, oklch(68.47% 0.1439 357.61) 54.8%, oklch(71.03% 0.1467 7.49) 58.1%, oklch(72.67% 0.1480 14.87) 61.3%, oklch(73.05% 0.1475 18.76) 64.5%, oklch(71.85% 0.1449 18.19) 67.7%, oklch(68.97% 0.1395 13.40) 71.0%, oklch(64.72% 0.1318 5.26) 74.2%, oklch(59.43% 0.1224 354.55) 77.4%, oklch(53.43% 0.1118 342.05) 80.6%, oklch(47.06% 0.1005 328.54) 83.9%, oklch(40.64% 0.0892 314.80) 87.1%, oklch(34.52% 0.0785 301.63) 90.3%, oklch(29.03% 0.0688 289.78) 93.5%, oklch(24.50% 0.0608 280.06) 96.8%, oklch(21.26% 0.0551 273.23) 100.0%);

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