Azul, verde e laranja (tritone): gradiente linear
Gradiente linear, 32 cores a 270°: #29497f, #268fa8, #87cf97, #d2cc5e, #ce8e23. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #29497f
- #284e84
- #28558a
- #285e90
- #276797
- #25719d
- #237ba3
- #2285a6
- #268fa8
- #2e99aa
- #3aa3aa
- #48ada9
- #55b5a8
- #61bca5
- #6dc3a2
- #79c99d
- #87cf97
- #95d290
- #a2d588
- #aed57f
- #b9d577
- #c3d36f
- #cbd066
- #d2cc5e
- #d8c755
- #dbc14d
- #ddb945
- #dbb03c
- #d8a534
- #d49c2c
- #d09327
- #ce8e23
CSS
background: linear-gradient(270deg in oklch, oklch(40.94% 0.0992 260.16) 0.0%, oklch(42.45% 0.0994 257.43) 3.2%, oklch(44.50% 0.0998 253.88) 6.5%, oklch(46.94% 0.1003 249.59) 9.7%, oklch(49.61% 0.1007 244.62) 12.9%, oklch(52.35% 0.1008 239.04) 16.1%, oklch(55.00% 0.1007 232.91) 19.4%, oklch(57.59% 0.0999 226.06) 22.6%, oklch(60.36% 0.0982 218.20) 25.8%, oklch(63.20% 0.0963 209.64) 29.0%, oklch(66.01% 0.0944 200.72) 32.3%, oklch(68.70% 0.0933 191.78) 35.5%, oklch(71.15% 0.0933 183.14) 38.7%, oklch(73.33% 0.0949 174.95) 41.9%, oklch(75.41% 0.0980 166.71) 45.2%, oklch(77.35% 0.1022 158.48) 48.4%, oklch(79.09% 0.1070 150.41) 51.6%, oklch(80.58% 0.1118 142.65) 54.8%, oklch(81.75% 0.1162 135.34) 58.1%, oklch(82.57% 0.1199 128.61) 61.3%, oklch(83.08% 0.1234 122.39) 64.5%, oklch(83.30% 0.1268 116.58) 67.7%, oklch(83.24% 0.1299 111.14) 71.0%, oklch(82.89% 0.1327 106.02) 74.2%, oklch(82.24% 0.1350 101.16) 77.4%, oklch(81.27% 0.1367 96.50) 80.6%, oklch(79.67% 0.1375 91.90) 83.9%, oklch(77.51% 0.1377 87.44) 87.1%, oklch(75.10% 0.1375 83.28) 90.3%, oklch(72.73% 0.1370 79.57) 93.5%, oklch(70.69% 0.1366 76.48) 96.8%, oklch(69.29% 0.1364 74.17) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
