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

พาเลตต์ของ Grabient

ไล่เฉดสีเชิงเส้น กรมท่าถึงน้ำเงิน (สีเดียว)โทนหม่น

พาเลตต์สีกรมท่าถึงน้ำเงิน (สีเดียว)โทนหม่น

ไล่เฉดสีเชิงเส้น 32 สี มุม 135°: #0b132b, #171f3a, #2a3a55, #455e7b, #6f8fb5 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

  • #0b132b
  • #0c142c
  • #0d152e
  • #0e162f
  • #101831
  • #111933
  • #131b35
  • #151d38
  • #171f3a
  • #19213d
  • #1b2440
  • #1d2743
  • #202a46
  • #222e4a
  • #24324d
  • #273651
  • #2a3a55
  • #2d3e59
  • #30435e
  • #344862
  • #374d67
  • #3b526d
  • #405773
  • #455e7b
  • #4b6583
  • #516c8b
  • #577393
  • #5d7a9c
  • #6280a3
  • #6786aa
  • #6c8bb0
  • #6f8fb5

CSS

background: linear-gradient(135deg in oklch, oklch(19.44% 0.0498 267.74) 0.0%, oklch(19.85% 0.0501 267.89) 3.2%, oklch(20.33% 0.0504 268.17) 6.5%, oklch(20.88% 0.0508 268.54) 9.7%, oklch(21.50% 0.0513 268.94) 12.9%, oklch(22.20% 0.0518 269.32) 16.1%, oklch(22.96% 0.0523 269.65) 19.4%, oklch(23.80% 0.0527 269.86) 22.6%, oklch(24.71% 0.0531 269.91) 25.8%, oklch(25.70% 0.0535 269.75) 29.0%, oklch(26.75% 0.0537 269.34) 32.3%, oklch(27.88% 0.0538 268.60) 35.5%, oklch(29.10% 0.0537 267.47) 38.7%, oklch(30.39% 0.0535 266.04) 41.9%, oklch(31.76% 0.0531 264.40) 45.2%, oklch(33.20% 0.0528 262.61) 48.4%, oklch(34.70% 0.0524 260.77) 51.6%, oklch(36.27% 0.0522 258.97) 54.8%, oklch(37.90% 0.0520 257.28) 58.1%, oklch(39.58% 0.0521 255.79) 61.3%, oklch(41.31% 0.0524 254.58) 64.5%, oklch(43.11% 0.0531 253.73) 67.7%, oklch(45.13% 0.0541 253.15) 71.0%, oklch(47.37% 0.0554 252.79) 74.2%, oklch(49.75% 0.0570 252.60) 77.4%, oklch(52.19% 0.0587 252.55) 80.6%, oklch(54.63% 0.0606 252.60) 83.9%, oklch(56.98% 0.0624 252.72) 87.1%, oklch(59.17% 0.0641 252.87) 90.3%, oklch(61.13% 0.0656 253.00) 93.5%, oklch(62.77% 0.0669 253.09) 96.8%, oklch(64.03% 0.0678 253.11) 100.0%);

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

Dark blue gradients

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