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

พาเลตต์ของ Grabient

ไล่เฉดสีเชิงเส้น ลาเวนเดอร์ น้ำเงิน เขียวหัวเป็ด และน้ำตาล

พาเลตต์สีลาเวนเดอร์ น้ำเงิน เขียวหัวเป็ด และน้ำตาล

ไล่เฉดสีเชิงเส้น 80 สี มุม 120°: #d9cfdf, #8b8dbc, #235d9d, #dbc699, #a86d51 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

  • #d9cfdf
  • #d7cdde
  • #d5cadd
  • #d2c8db
  • #cfc5d9
  • #ccc2d8
  • #c9bed6
  • #c5bbd4
  • #c2b7d2
  • #bdb4d0
  • #b9b0ce
  • #b5accc
  • #b0a8ca
  • #aca4c8
  • #a7a1c6
  • #a29dc4
  • #9d9ac2
  • #9996c1
  • #9493bf
  • #9090bd
  • #8b8dbc
  • #878aba
  • #8286b8
  • #7e82b6
  • #797eb3
  • #7479b1
  • #7075ae
  • #6b71ac
  • #676ca9
  • #6268a7
  • #5e64a4
  • #5960a2
  • #555da0
  • #505a9f
  • #4c589e
  • #47579d
  • #42569c
  • #3c569c
  • #35589c
  • #2d5a9c
  • #235d9d
  • #15629d
  • #00699c
  • #007098
  • #007796
  • #007f95
  • #008894
  • #009292
  • #2b9a8f
  • #45a18b
  • #5da888
  • #72ae86
  • #86b385
  • #98b885
  • #a9bc87
  • #b7c08b
  • #c4c28f
  • #cec593
  • #d5c697
  • #dbc699
  • #dfc69b
  • #e1c49c
  • #e1c19b
  • #e1be99
  • #dfba97
  • #ddb593
  • #dab08f
  • #d6aa8a
  • #d2a585
  • #ce9e7f
  • #ca9879
  • #c59273
  • #c08c6e
  • #bc8668
  • #b78062
  • #b37b5d
  • #b07759
  • #ad7355
  • #aa6f53
  • #a86d51

CSS

background: linear-gradient(120deg in oklch, oklch(86.61% 0.0248 312.89) 0.0%, oklch(86.04% 0.0260 312.07) 1.3%, oklch(85.37% 0.0274 311.09) 2.5%, oklch(84.61% 0.0290 309.99) 3.8%, oklch(83.76% 0.0308 308.77) 5.1%, oklch(82.84% 0.0327 307.44) 6.3%, oklch(81.85% 0.0348 306.01) 7.6%, oklch(80.81% 0.0370 304.50) 8.9%, oklch(79.71% 0.0392 302.92) 10.1%, oklch(78.58% 0.0416 301.28) 11.4%, oklch(77.41% 0.0441 299.60) 12.7%, oklch(76.22% 0.0466 297.88) 13.9%, oklch(75.02% 0.0491 296.14) 15.2%, oklch(73.81% 0.0517 294.40) 16.5%, oklch(72.60% 0.0543 292.65) 17.7%, oklch(71.41% 0.0569 290.92) 19.0%, oklch(70.23% 0.0595 289.22) 20.3%, oklch(69.08% 0.0621 287.56) 21.5%, oklch(67.97% 0.0646 285.95) 22.8%, oklch(66.91% 0.0671 284.41) 24.1%, oklch(65.89% 0.0695 282.95) 25.3%, oklch(64.80% 0.0721 281.77) 26.6%, oklch(63.60% 0.0749 280.90) 27.8%, oklch(62.32% 0.0779 280.28) 29.1%, oklch(60.97% 0.0811 279.86) 30.4%, oklch(59.58% 0.0844 279.57) 31.6%, oklch(58.16% 0.0878 279.37) 32.9%, oklch(56.74% 0.0912 279.19) 34.2%, oklch(55.34% 0.0945 278.98) 35.4%, oklch(53.97% 0.0979 278.67) 36.7%, oklch(52.67% 0.1011 278.23) 38.0%, oklch(51.45% 0.1042 277.57) 39.2%, oklch(50.32% 0.1071 276.66) 40.5%, oklch(49.32% 0.1097 275.44) 41.8%, oklch(48.47% 0.1121 273.84) 43.0%, oklch(47.77% 0.1142 271.81) 44.3%, oklch(47.27% 0.1159 269.29) 45.6%, oklch(46.96% 0.1172 266.23) 46.8%, oklch(46.89% 0.1181 262.57) 48.1%, oklch(47.06% 0.1185 258.25) 49.4%, oklch(47.52% 0.1183 253.18) 50.6%, oklch(48.37% 0.1175 247.13) 51.9%, oklch(49.60% 0.1140 240.20) 53.2%, oklch(51.14% 0.1049 232.43) 54.4%, oklch(52.97% 0.0994 223.95) 55.7%, oklch(55.03% 0.0972 214.89) 57.0%, oklch(57.29% 0.0979 205.34) 58.2%, oklch(59.68% 0.1017 195.41) 59.5%, oklch(62.18% 0.0980 185.21) 60.8%, oklch(64.74% 0.0941 174.86) 62.0%, oklch(67.30% 0.0901 164.45) 63.3%, oklch(69.83% 0.0862 154.09) 64.6%, oklch(72.28% 0.0823 143.89) 65.8%, oklch(74.60% 0.0786 133.96) 67.1%, oklch(76.75% 0.0751 124.40) 68.4%, oklch(78.69% 0.0719 115.33) 69.6%, oklch(80.36% 0.0691 106.84) 70.9%, oklch(81.73% 0.0668 99.05) 72.2%, oklch(82.75% 0.0649 92.07) 73.4%, oklch(83.38% 0.0636 86.00) 74.7%, oklch(83.59% 0.0629 80.80) 75.9%, oklch(83.45% 0.0627 76.17) 77.2%, oklch(82.99% 0.0628 72.05) 78.5%, oklch(82.25% 0.0633 68.41) 79.7%, oklch(81.26% 0.0641 65.21) 81.0%, oklch(80.06% 0.0652 62.41) 82.3%, oklch(78.67% 0.0665 59.99) 83.5%, oklch(77.14% 0.0680 57.89) 84.8%, oklch(75.48% 0.0696 56.10) 86.1%, oklch(73.75% 0.0714 54.56) 87.3%, oklch(71.96% 0.0733 53.25) 88.6%, oklch(70.15% 0.0752 52.12) 89.9%, oklch(68.36% 0.0771 51.15) 91.1%, oklch(66.62% 0.0789 50.29) 92.4%, oklch(64.96% 0.0807 49.51) 93.7%, oklch(63.42% 0.0823 48.77) 94.9%, oklch(62.02% 0.0838 48.04) 96.2%, oklch(60.81% 0.0850 47.28) 97.5%, oklch(59.81% 0.0861 46.46) 98.7%, oklch(59.06% 0.0868 45.53) 100.0%);

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

กระเบื้องสระซีดแดด

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