Azul-claro, cinza, azul-marinho e turquesa: gradiente linear
Azul-claro, cinza, azul-marinho e turquesa: paleta com 32 cores. #dff5fe, #5a6d7f, #06142e, #005373, #33c7c8. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 3 quadros-chave OKLCH editáveis.
- #dff5fe
- #d5ebf5
- #c8dee9
- #b8ceda
- #a6bcc9
- #93a8b7
- #8094a5
- #6d8092
- #5a6d7f
- #495a6e
- #39495e
- #2b3a4f
- #1f2c43
- #152239
- #0e1a32
- #09152f
- #06142e
- #051531
- #041a37
- #042140
- #032a4b
- #013657
- #004465
- #005373
- #006381
- #007590
- #00869d
- #0a96aa
- #18a6b4
- #23b3bd
- #2cbfc3
- #33c7c8
CSS
background: linear-gradient(135deg in oklch, oklch(95.67% 0.0262 226.41) 0.0%, oklch(92.66% 0.0272 227.91) 3.2%, oklch(88.63% 0.0282 230.03) 6.5%, oklch(83.75% 0.0294 232.65) 9.7%, oklch(78.20% 0.0307 235.66) 12.9%, oklch(72.13% 0.0322 238.95) 16.1%, oklch(65.72% 0.0337 242.41) 19.4%, oklch(59.14% 0.0354 245.93) 22.6%, oklch(52.54% 0.0371 249.39) 25.8%, oklch(46.11% 0.0391 252.68) 29.0%, oklch(39.99% 0.0411 255.70) 32.3%, oklch(34.38% 0.0433 258.32) 35.5%, oklch(29.42% 0.0457 260.45) 38.7%, oklch(25.29% 0.0482 261.96) 41.9%, oklch(22.15% 0.0508 262.75) 45.2%, oklch(20.18% 0.0536 262.71) 48.4%, oklch(19.52% 0.0567 261.70) 51.6%, oklch(20.13% 0.0602 259.66) 54.8%, oklch(21.83% 0.0641 256.69) 58.1%, oklch(24.49% 0.0684 252.93) 61.3%, oklch(27.95% 0.0729 248.51) 64.5%, oklch(32.05% 0.0776 243.58) 67.7%, oklch(36.67% 0.0817 238.33) 71.0%, oklch(41.62% 0.0857 232.75) 74.2%, oklch(46.77% 0.0904 227.07) 77.4%, oklch(51.96% 0.0956 221.42) 80.6%, oklch(57.05% 0.1013 215.93) 83.9%, oklch(61.88% 0.1058 210.74) 87.1%, oklch(66.30% 0.1097 206.00) 90.3%, oklch(70.16% 0.1132 201.84) 93.5%, oklch(73.31% 0.1161 198.38) 96.8%, oklch(75.59% 0.1185 195.76) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
