Ungu, biru, hijau toska, dan oranye cerah, pita warna linear
Pita warna linear, 96 warna dengan sudut 145°: #5c2bcd, #a33be5, #18bee3, #00a680, #ffad23. Edit dan ekspor CSS, SVG, PNG, atau shader.
5 keyframe OKLCH yang dapat diedit.
- #5c2bcd
- #5d2ccd
- #602bce
- #622bcf
- #662bd0
- #692ad0
- #6d29d1
- #7128d2
- #7527d2
- #7a26d3
- #7e25d3
- #8224d3
- #8724d4
- #8b23d4
- #8f23d4
- #9323d5
- #9624d5
- #9a25d6
- #9d27d7
- #9f29d8
- #a12bda
- #a32fdc
- #a432df
- #a436e2
- #a33be5
- #a240e9
- #a046ed
- #9d4df1
- #9954f6
- #955bfa
- #9062fe
- #8a6aff
- #8473ff
- #7e7aff
- #7782ff
- #7189ff
- #6a8fff
- #6295ff
- #5a9bff
- #50a0ff
- #44a5ff
- #37aafe
- #2faefb
- #27b2f7
- #21b5f3
- #1db8ef
- #1abaeb
- #19bce7
- #18bee3
- #17bee0
- #17bfdc
- #15bed8
- #14bed3
- #11bdcf
- #0cbccb
- #06bac7
- #00b9c2
- #00b7be
- #00b5b9
- #00b3b5
- #00b1b0
- #00afac
- #00ada7
- #00aca3
- #00aa9e
- #00a89a
- #00a796
- #00a692
- #00a68d
- #00a589
- #00a685
- #00a680
- #18a77b
- #27a777
- #34a871
- #40a96c
- #4caa66
- #58ab60
- #63ac5a
- #6fad53
- #7bae4c
- #86af44
- #92b03d
- #9db035
- #a8b02c
- #b3b024
- #bdb01b
- #c7b013
- #d1b00b
- #d9b006
- #e2af07
- #e9af0b
- #f0ae12
- #f6ae18
- #fbad1e
- #ffad23
CSS
background: linear-gradient(145deg, oklch(46.46% 0.2260 287.58) 0.000% 1.042%, oklch(46.71% 0.2265 288.15) 1.042% 2.083%, oklch(47.00% 0.2273 288.97) 2.083% 3.125%, oklch(47.32% 0.2283 289.99) 3.125% 4.167%, oklch(47.66% 0.2295 291.19) 4.167% 5.208%, oklch(48.03% 0.2308 292.55) 5.208% 6.250%, oklch(48.42% 0.2323 294.02) 6.250% 7.292%, oklch(48.84% 0.2339 295.59) 7.292% 8.333%, oklch(49.28% 0.2356 297.23) 8.333% 9.375%, oklch(49.74% 0.2372 298.90) 9.375% 10.417%, oklch(50.22% 0.2389 300.57) 10.417% 11.458%, oklch(50.71% 0.2405 302.22) 11.458% 12.500%, oklch(51.22% 0.2421 303.82) 12.500% 13.542%, oklch(51.75% 0.2436 305.34) 13.542% 14.583%, oklch(52.28% 0.2449 306.75) 14.583% 15.625%, oklch(52.83% 0.2460 308.02) 15.625% 16.667%, oklch(53.39% 0.2470 309.12) 16.667% 17.708%, oklch(53.96% 0.2477 310.02) 17.708% 18.750%, oklch(54.53% 0.2482 310.70) 18.750% 19.792%, oklch(55.11% 0.2483 311.11) 19.792% 20.833%, oklch(55.69% 0.2481 311.25) 20.833% 21.875%, oklch(56.27% 0.2476 311.07) 21.875% 22.917%, oklch(56.85% 0.2466 310.54) 22.917% 23.958%, oklch(57.44% 0.2452 309.65) 23.958% 25.000%, oklch(58.02% 0.2434 308.35) 25.000% 26.042%, oklch(58.65% 0.2409 306.62) 26.042% 27.083%, oklch(59.32% 0.2379 304.49) 27.083% 28.125%, oklch(60.05% 0.2343 301.98) 28.125% 29.167%, oklch(60.81% 0.2303 299.12) 29.167% 30.208%, oklch(61.61% 0.2258 295.96) 30.208% 31.250%, oklch(62.44% 0.2210 292.52) 31.250% 32.292%, oklch(63.28% 0.2114 288.83) 32.292% 33.333%, oklch(64.14% 0.2007 284.93) 33.333% 34.375%, oklch(65.00% 0.1913 280.84) 34.375% 35.417%, oklch(65.87% 0.1831 276.60) 35.417% 36.458%, oklch(66.72% 0.1762 272.25) 36.458% 37.500%, oklch(67.56% 0.1705 267.81) 37.500% 38.542%, oklch(68.38% 0.1660 263.31) 38.542% 39.583%, oklch(69.17% 0.1627 258.80) 39.583% 40.625%, oklch(69.93% 0.1606 254.29) 40.625% 41.667%, oklch(70.65% 0.1597 249.83) 41.667% 42.708%, oklch(71.32% 0.1585 245.45) 42.708% 43.750%, oklch(71.93% 0.1534 241.17) 43.750% 44.792%, oklch(72.48% 0.1485 237.03) 44.792% 45.833%, oklch(72.96% 0.1441 233.07) 45.833% 46.875%, oklch(73.37% 0.1401 229.31) 46.875% 47.917%, oklch(73.70% 0.1366 225.78) 47.917% 48.958%, oklch(73.93% 0.1336 222.52) 48.958% 50.000%, oklch(74.07% 0.1311 219.55) 50.000% 51.042%, oklch(74.08% 0.1290 216.78) 51.042% 52.083%, oklch(73.97% 0.1272 214.18) 52.083% 53.125%, oklch(73.76% 0.1257 211.74) 53.125% 54.167%, oklch(73.45% 0.1244 209.44) 54.167% 55.208%, oklch(73.05% 0.1234 207.25) 55.208% 56.250%, oklch(72.58% 0.1227 205.17) 56.250% 57.292%, oklch(72.05% 0.1221 203.18) 57.292% 58.333%, oklch(71.47% 0.1215 201.26) 58.333% 59.375%, oklch(70.85% 0.1205 199.39) 59.375% 60.417%, oklch(70.21% 0.1194 197.55) 60.417% 61.458%, oklch(69.54% 0.1185 195.73) 61.458% 62.500%, oklch(68.88% 0.1178 193.91) 62.500% 63.542%, oklch(68.22% 0.1171 192.07) 63.542% 64.583%, oklch(67.58% 0.1166 190.20) 64.583% 65.625%, oklch(66.97% 0.1163 188.27) 65.625% 66.667%, oklch(66.40% 0.1163 186.28) 66.667% 67.708%, oklch(65.88% 0.1166 184.20) 67.708% 68.750%, oklch(65.43% 0.1172 182.01) 68.750% 69.792%, oklch(65.05% 0.1183 179.71) 69.792% 70.833%, oklch(64.76% 0.1199 177.26) 70.833% 71.875%, oklch(64.57% 0.1221 174.66) 71.875% 72.917%, oklch(64.50% 0.1252 171.89) 72.917% 73.958%, oklch(64.54% 0.1293 168.93) 73.958% 75.000%, oklch(64.71% 0.1301 165.74) 75.000% 76.042%, oklch(64.99% 0.1310 162.25) 76.042% 77.083%, oklch(65.37% 0.1320 158.50) 77.083% 78.125%, oklch(65.85% 0.1332 154.52) 78.125% 79.167%, oklch(66.42% 0.1346 150.33) 79.167% 80.208%, oklch(67.05% 0.1360 145.97) 80.208% 81.250%, oklch(67.76% 0.1376 141.46) 81.250% 82.292%, oklch(68.52% 0.1392 136.85) 82.292% 83.333%, oklch(69.33% 0.1410 132.15) 83.333% 84.375%, oklch(70.17% 0.1427 127.41) 84.375% 85.417%, oklch(71.04% 0.1445 122.65) 85.417% 86.458%, oklch(71.93% 0.1464 117.90) 86.458% 87.500%, oklch(72.84% 0.1482 113.19) 87.500% 88.542%, oklch(73.74% 0.1500 108.56) 88.542% 89.583%, oklch(74.63% 0.1518 104.03) 89.583% 90.625%, oklch(75.50% 0.1535 99.64) 90.625% 91.667%, oklch(76.35% 0.1552 95.41) 91.667% 92.708%, oklch(77.16% 0.1568 91.38) 92.708% 93.750%, oklch(77.92% 0.1583 87.58) 93.750% 94.792%, oklch(78.63% 0.1597 84.04) 94.792% 95.833%, oklch(79.27% 0.1610 80.78) 95.833% 96.875%, oklch(79.84% 0.1622 77.85) 96.875% 97.917%, oklch(80.32% 0.1632 75.26) 97.917% 98.958%, oklch(80.71% 0.1640 73.06) 98.958% 100.000%);