ข้ามไปยังเนื้อหา

พาเลตต์ของ Grabient

ไล่เฉดสีเชิงเส้น ม่วง เทา และเขียว (สีคู่ตรงข้าม)

พาเลตต์สีม่วง เทา และเขียว (สีคู่ตรงข้าม)

ไล่เฉดสีเชิงเส้น 6 สี มุม 90°: #ba63d0, #d489de, #ddb7d9, #e4e7d7, #b2f0b8, #7cd99e แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

  • #ba63d0
  • #d489de
  • #ddb7d9
  • #e4e7d7
  • #b2f0b8
  • #7cd99e

CSS

background: linear-gradient(90deg in oklch, oklch(64.17% 0.1778 319.22) 0.0%, oklch(73.62% 0.1433 322.39) 20.0%, oklch(82.28% 0.0634 329.79) 40.0%, oklch(92.13% 0.0220 116.67) 60.0%, oklch(89.76% 0.0978 147.32) 80.0%, oklch(81.10% 0.1226 154.72) 100.0%);

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

Purple and green swatches

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