Hitam, cokelat muda, biru dongker, dan merah muda, pita warna angular
Pita warna angular, 64 warna dengan sudut 45°: #2a1624, #eeca74, #6d99bd, #1b435a, #f2a8c9. Edit dan ekspor CSS, SVG, PNG, atau shader.
6 keyframe OKLCH yang dapat diedit.
- #2a1624
- #351c2a
- #452632
- #5a323a
- #724141
- #8b5345
- #a46848
- #b97f4a
- #c9984d
- #d5b055
- #ddc660
- #e2d86d
- #e6e376
- #eae77a
- #eee379
- #f0d977
- #eeca74
- #e8b974
- #dca676
- #cc9578
- #b88579
- #a27878
- #8e6d75
- #7c6570
- #6f5f6b
- #675c69
- #655c6b
- #666072
- #69677d
- #6c708b
- #6e7c9c
- #6f8aad
- #6d99bd
- #69a8cb
- #64b6d5
- #5ec2dc
- #58cbde
- #52d0de
- #4cd0d9
- #46c9d2
- #3ebec7
- #36afba
- #2e9dac
- #288a9c
- #23768b
- #1f637a
- #1d5269
- #1b435a
- #1a364e
- #192e45
- #1a2940
- #1e2941
- #252c46
- #30334f
- #3e3b5b
- #4f466a
- #635379
- #796089
- #916e99
- #a97da7
- #bf8ab4
- #d496be
- #e5a0c5
- #f2a8c9
CSS
background: conic-gradient(from 45deg, oklch(23.23% 0.0400 338.91) 0.000% 1.563%, oklch(26.62% 0.0448 345.60) 1.563% 3.125%, oklch(31.29% 0.0515 355.05) 3.125% 4.688%, oklch(36.96% 0.0599 6.65) 4.688% 6.250%, oklch(43.37% 0.0693 19.79) 6.250% 7.813%, oklch(50.26% 0.0794 33.86) 7.813% 9.375%, oklch(57.37% 0.0898 48.26) 9.375% 10.938%, oklch(64.42% 0.0999 62.37) 10.938% 12.500%, oklch(71.15% 0.1094 75.60) 12.500% 14.063%, oklch(77.30% 0.1178 87.34) 14.063% 15.625%, oklch(82.61% 0.1247 96.97) 15.625% 17.188%, oklch(86.81% 0.1296 103.90) 17.188% 18.750%, oklch(89.63% 0.1321 107.51) 18.750% 20.313%, oklch(90.81% 0.1317 107.26) 20.313% 21.875%, oklch(90.31% 0.1280 103.46) 21.875% 23.438%, oklch(88.35% 0.1214 96.65) 23.438% 25.000%, oklch(85.22% 0.1125 87.27) 25.000% 26.563%, oklch(81.18% 0.1018 75.80) 26.563% 28.125%, oklch(76.52% 0.0899 62.68) 28.125% 29.688%, oklch(71.49% 0.0776 48.37) 29.688% 31.250%, oklch(66.37% 0.0652 33.33) 31.250% 32.813%, oklch(61.43% 0.0535 18.01) 32.813% 34.375%, oklch(56.95% 0.0431 2.87) 34.375% 35.938%, oklch(53.19% 0.0344 348.36) 35.938% 37.500%, oklch(50.43% 0.0282 334.95) 37.500% 39.063%, oklch(48.94% 0.0250 323.09) 39.063% 40.625%, oklch(48.89% 0.0252 312.30) 40.625% 42.188%, oklch(50.08% 0.0285 300.99) 42.188% 43.750%, oklch(52.28% 0.0342 289.33) 43.750% 45.313%, oklch(55.25% 0.0419 277.54) 45.313% 46.875%, oklch(58.77% 0.0510 265.84) 46.875% 48.438%, oklch(62.60% 0.0611 254.46) 48.438% 50.000%, oklch(66.52% 0.0716 243.61) 50.000% 51.563%, oklch(70.30% 0.0819 233.51) 51.563% 53.125%, oklch(73.70% 0.0915 224.39) 53.125% 54.688%, oklch(76.49% 0.1000 216.48) 54.688% 56.250%, oklch(78.45% 0.1068 209.98) 56.250% 57.813%, oklch(79.34% 0.1113 205.13) 57.813% 59.375%, oklch(78.93% 0.1131 202.15) 59.375% 60.938%, oklch(77.01% 0.1122 201.11) 60.938% 62.500%, oklch(73.73% 0.1092 201.84) 62.500% 64.063%, oklch(69.39% 0.1043 204.11) 64.063% 65.625%, oklch(64.25% 0.0981 207.71) 65.625% 67.188%, oklch(58.59% 0.0909 212.43) 67.188% 68.750%, oklch(52.71% 0.0831 218.03) 68.750% 70.313%, oklch(46.86% 0.0752 224.32) 70.313% 71.875%, oklch(41.34% 0.0675 231.06) 71.875% 73.438%, oklch(36.43% 0.0605 238.05) 73.438% 75.000%, oklch(32.39% 0.0545 245.07) 75.000% 76.563%, oklch(29.51% 0.0500 251.89) 76.563% 78.125%, oklch(28.06% 0.0473 258.30) 78.125% 79.688%, oklch(28.29% 0.0468 264.40) 79.688% 81.250%, oklch(30.03% 0.0479 271.21) 81.250% 82.813%, oklch(33.04% 0.0504 278.70) 82.813% 84.375%, oklch(37.08% 0.0540 286.68) 84.375% 85.938%, oklch(41.93% 0.0585 294.97) 85.938% 87.500%, oklch(47.34% 0.0637 303.38) 87.500% 89.063%, oklch(53.07% 0.0692 311.74) 89.063% 90.625%, oklch(58.89% 0.0749 319.86) 90.625% 92.188%, oklch(64.57% 0.0804 327.57) 92.188% 93.750%, oklch(69.87% 0.0856 334.67) 93.750% 95.313%, oklch(74.55% 0.0901 340.98) 95.313% 96.875%, oklch(78.37% 0.0939 346.33) 96.875% 98.438%, oklch(81.10% 0.0965 350.53) 98.438% 100.000%);