Langsung ke konten

Palet Grabient

Hitam, biru dongker, ungu, dan putih gading, pita warna angular

Palet warna Hitam, biru dongker, ungu, dan putih gading

Pita warna angular, 64 warna dengan sudut 135°: #17181b, #4b3b7a, #966dd1, #d8ec43, #f2f1dd. Edit dan ekspor CSS, SVG, PNG, atau shader.

5 keyframe OKLCH yang dapat diedit.

  • #17181b
  • #18191e
  • #191b22
  • #1b1d26
  • #1d1f2c
  • #1f2131
  • #212337
  • #24263e
  • #282845
  • #2b2b4c
  • #2f2d53
  • #342f5a
  • #383261
  • #3d3467
  • #42366e
  • #463974
  • #4b3b7a
  • #4f3d80
  • #524086
  • #54438c
  • #574792
  • #584a98
  • #5a4e9e
  • #5c52a5
  • #5e56ab
  • #605ab1
  • #635db7
  • #6861bc
  • #6d64c2
  • #7467c7
  • #7e69cc
  • #896bcf
  • #966dd1
  • #a66dd1
  • #b96dce
  • #cc6dc6
  • #e06eb9
  • #f370a8
  • #ff7793
  • #ff8984
  • #ff9778
  • #ffa56c
  • #ffb15e
  • #ffbc44
  • #fcc900
  • #f0d600
  • #e4e220
  • #d8ec43
  • #d0f25a
  • #cbf76b
  • #cafa79
  • #ccfc85
  • #d0fc8e
  • #d5fb97
  • #dbfa9f
  • #e1f9a6
  • #e6f7ae
  • #eaf5b5
  • #eef4bd
  • #f0f2c5
  • #f1f1cc
  • #f2f1d2
  • #f2f0d8
  • #f2f1dd

CSS

background: conic-gradient(from 135deg, oklch(20.87% 0.0055 271.41) 0.000% 1.563%, oklch(21.54% 0.0090 272.19) 1.563% 3.125%, oklch(22.33% 0.0134 273.18) 3.125% 4.688%, oklch(23.25% 0.0186 274.35) 4.688% 6.250%, oklch(24.27% 0.0244 275.66) 6.250% 7.813%, oklch(25.39% 0.0307 277.10) 7.813% 9.375%, oklch(26.58% 0.0374 278.63) 9.375% 10.938%, oklch(27.84% 0.0444 280.22) 10.938% 12.500%, oklch(29.15% 0.0516 281.85) 12.500% 14.063%, oklch(30.51% 0.0589 283.48) 14.063% 15.625%, oklch(31.89% 0.0662 285.10) 15.625% 17.188%, oklch(33.29% 0.0734 286.66) 17.188% 18.750%, oklch(34.69% 0.0803 288.15) 18.750% 20.313%, oklch(36.09% 0.0868 289.53) 20.313% 21.875%, oklch(37.46% 0.0928 290.77) 21.875% 23.438%, oklch(38.79% 0.0983 291.85) 23.438% 25.000%, oklch(40.08% 0.1031 292.73) 25.000% 26.563%, oklch(41.35% 0.1075 292.99) 26.563% 28.125%, oklch(42.61% 0.1115 292.60) 28.125% 29.688%, oklch(43.86% 0.1153 291.72) 29.688% 31.250%, oklch(45.12% 0.1189 290.47) 31.250% 32.813%, oklch(46.38% 0.1222 289.02) 32.813% 34.375%, oklch(47.66% 0.1253 287.50) 34.375% 35.938%, oklch(48.94% 0.1283 286.07) 35.938% 37.500%, oklch(50.25% 0.1311 284.86) 37.500% 39.063%, oklch(51.57% 0.1338 284.03) 39.063% 40.625%, oklch(52.92% 0.1364 283.71) 40.625% 42.188%, oklch(54.31% 0.1389 284.07) 42.188% 43.750%, oklch(55.72% 0.1414 285.24) 43.750% 45.313%, oklch(57.18% 0.1439 287.36) 45.313% 46.875%, oklch(58.68% 0.1464 290.59) 46.875% 48.438%, oklch(60.23% 0.1489 295.07) 48.438% 50.000%, oklch(61.84% 0.1516 301.03) 50.000% 51.563%, oklch(63.59% 0.1547 308.94) 51.563% 53.125%, oklch(65.46% 0.1583 318.61) 53.125% 54.688%, oklch(67.43% 0.1622 329.76) 54.688% 56.250%, oklch(69.47% 0.1663 342.11) 56.250% 57.813%, oklch(71.57% 0.1704 355.38) 57.813% 59.375%, oklch(73.69% 0.1664 9.28) 59.375% 60.938%, oklch(75.81% 0.1444 23.53) 60.938% 62.500%, oklch(77.90% 0.1327 37.84) 62.500% 64.063%, oklch(79.95% 0.1293 51.94) 64.063% 65.625%, oklch(81.93% 0.1345 65.54) 65.625% 67.188%, oklch(83.81% 0.1511 78.35) 67.188% 68.750%, oklch(85.57% 0.1749 90.09) 68.750% 70.313%, oklch(87.19% 0.1816 100.49) 70.313% 71.875%, oklch(88.63% 0.1871 109.25) 71.875% 73.438%, oklch(89.88% 0.1842 116.09) 73.438% 75.000%, oklch(90.93% 0.1797 120.95) 75.000% 76.563%, oklch(91.81% 0.1733 124.28) 76.563% 78.125%, oklch(92.54% 0.1652 126.27) 78.125% 79.688%, oklch(93.15% 0.1556 127.07) 79.688% 81.250%, oklch(93.63% 0.1449 126.84) 81.250% 82.813%, oklch(94.01% 0.1333 125.75) 82.813% 84.375%, oklch(94.30% 0.1210 123.96) 84.375% 85.938%, oklch(94.52% 0.1084 121.63) 85.938% 87.500%, oklch(94.67% 0.0957 118.91) 87.500% 89.063%, oklch(94.78% 0.0831 115.97) 89.063% 90.625%, oklch(94.86% 0.0710 112.97) 90.625% 92.188%, oklch(94.92% 0.0595 110.07) 92.188% 93.750%, oklch(94.97% 0.0491 107.43) 93.750% 95.313%, oklch(95.04% 0.0399 105.21) 95.313% 96.875%, oklch(95.14% 0.0321 103.57) 96.875% 98.438%, oklch(95.28% 0.0262 102.68) 98.438% 100.000%);

Ada di koleksi berikut

Pita warna modern

Palet serupaKoleksiUnduh PNGJSON paletMarkdownCara kerjanya