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

พาเลตต์ของ Grabient

ไล่เฉดสีเชิงมุม กรมท่า น้ำเงิน และม่วงโทนเย็นแบบไร้รอยต่อ

พาเลตต์สีกรมท่า น้ำเงิน และม่วงโทนเย็นแบบไร้รอยต่อ มี 80 สี #13263a, #0459c4, #776aff, #6c56d4, #13263a แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

  • #13263a
  • #12283d
  • #122941
  • #122b46
  • #112d4b
  • #103050
  • #0f3256
  • #0e355d
  • #0c3863
  • #0b3a6b
  • #083d72
  • #06407a
  • #044382
  • #02468a
  • #004993
  • #004c9b
  • #004fa3
  • #0052ab
  • #0054b4
  • #0157bc
  • #0459c4
  • #095bcc
  • #0f5dd3
  • #145fd9
  • #1a61df
  • #1f62e5
  • #2463ea
  • #2a64ee
  • #3065f2
  • #3665f6
  • #3c65fa
  • #4266fd
  • #4966ff
  • #5067ff
  • #5768ff
  • #5d69ff
  • #636aff
  • #686aff
  • #6e6bff
  • #726bff
  • #776aff
  • #7b6aff
  • #7f69ff
  • #8269ff
  • #8668ff
  • #8867ff
  • #8a65ff
  • #8c64ff
  • #8e62ff
  • #8e60ff
  • #8f5eff
  • #8e5dfc
  • #8c5df9
  • #8a5cf5
  • #875bf1
  • #835bed
  • #7e5ae8
  • #7959e2
  • #7357db
  • #6c56d4
  • #6555cd
  • #5e53c5
  • #5751bd
  • #504fb4
  • #494dab
  • #424ba2
  • #3b4898
  • #35458f
  • #2f4386
  • #2a407d
  • #253d74
  • #213a6b
  • #1d3763
  • #1a345b
  • #183154
  • #162f4d
  • #152c48
  • #142a42
  • #13283e
  • #13263a

CSS

background: conic-gradient(from 90deg in oklch, oklch(26.38% 0.0455 250.31) 0.0%, oklch(26.97% 0.0490 250.56) 1.3%, oklch(27.67% 0.0533 250.82) 2.5%, oklch(28.47% 0.0582 251.09) 3.8%, oklch(29.35% 0.0636 251.38) 5.1%, oklch(30.32% 0.0695 251.68) 6.3%, oklch(31.36% 0.0759 252.00) 7.6%, oklch(32.46% 0.0827 252.34) 8.9%, oklch(33.62% 0.0898 252.69) 10.1%, oklch(34.83% 0.0972 253.06) 11.4%, oklch(36.08% 0.1048 253.45) 12.7%, oklch(37.35% 0.1127 253.85) 13.9%, oklch(38.65% 0.1206 254.28) 15.2%, oklch(39.96% 0.1286 254.73) 16.5%, oklch(41.28% 0.1366 255.20) 17.7%, oklch(42.60% 0.1440 255.72) 19.0%, oklch(43.91% 0.1512 256.23) 20.3%, oklch(45.19% 0.1589 256.77) 21.5%, oklch(46.45% 0.1671 257.32) 22.8%, oklch(47.66% 0.1750 257.88) 24.1%, oklch(48.84% 0.1819 258.49) 25.3%, oklch(49.96% 0.1885 259.13) 26.6%, oklch(51.03% 0.1946 259.79) 27.8%, oklch(52.02% 0.2003 260.48) 29.1%, oklch(52.94% 0.2054 261.20) 30.4%, oklch(53.77% 0.2099 261.95) 31.6%, oklch(54.50% 0.2138 262.73) 32.9%, oklch(55.16% 0.2171 263.56) 34.2%, oklch(55.80% 0.2201 264.53) 35.4%, oklch(56.43% 0.2230 265.63) 36.7%, oklch(57.04% 0.2255 266.84) 38.0%, oklch(57.64% 0.2279 268.15) 39.2%, oklch(58.21% 0.2279 269.55) 40.5%, oklch(58.76% 0.2247 271.01) 41.8%, oklch(59.29% 0.2219 272.53) 43.0%, oklch(59.79% 0.2195 274.09) 44.3%, oklch(60.25% 0.2174 275.68) 45.6%, oklch(60.68% 0.2157 277.27) 46.8%, oklch(61.08% 0.2144 278.87) 48.1%, oklch(61.43% 0.2135 280.45) 49.4%, oklch(61.74% 0.2130 281.99) 50.6%, oklch(62.00% 0.2129 283.49) 51.9%, oklch(62.21% 0.2131 284.92) 53.2%, oklch(62.37% 0.2138 286.28) 54.4%, oklch(62.48% 0.2148 287.55) 55.7%, oklch(62.52% 0.2162 288.72) 57.0%, oklch(62.51% 0.2180 289.76) 58.2%, oklch(62.43% 0.2200 290.67) 59.5%, oklch(62.28% 0.2223 291.43) 60.8%, oklch(62.07% 0.2248 292.03) 62.0%, oklch(61.78% 0.2267 292.45) 63.3%, oklch(61.41% 0.2241 292.67) 64.6%, oklch(60.97% 0.2212 292.69) 65.8%, oklch(60.44% 0.2180 292.49) 67.1%, oklch(59.77% 0.2141 292.03) 68.4%, oklch(58.95% 0.2096 291.33) 69.6%, oklch(57.99% 0.2045 290.41) 70.9%, oklch(56.91% 0.1988 289.28) 72.2%, oklch(55.72% 0.1925 287.96) 73.4%, oklch(54.43% 0.1859 286.47) 74.7%, oklch(53.04% 0.1788 284.84) 75.9%, oklch(51.59% 0.1713 283.07) 77.2%, oklch(50.07% 0.1636 281.19) 78.5%, oklch(48.50% 0.1557 279.22) 79.7%, oklch(46.89% 0.1476 277.18) 81.0%, oklch(45.25% 0.1394 275.08) 82.3%, oklch(43.60% 0.1312 272.94) 83.5%, oklch(41.94% 0.1229 270.78) 84.8%, oklch(40.30% 0.1147 268.63) 86.1%, oklch(38.68% 0.1067 266.49) 87.3%, oklch(37.09% 0.0988 264.39) 88.6%, oklch(35.55% 0.0911 262.35) 89.9%, oklch(34.07% 0.0838 260.38) 91.1%, oklch(32.66% 0.0768 258.51) 92.4%, oklch(31.33% 0.0702 256.75) 93.7%, oklch(30.10% 0.0641 255.13) 94.9%, oklch(28.98% 0.0585 253.65) 96.2%, oklch(27.98% 0.0535 252.34) 97.5%, oklch(27.10% 0.0491 251.22) 98.7%, oklch(26.38% 0.0455 250.31) 100.0%);

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

ไล่เฉดสีสำหรับฮีโร่เซกชัน

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