Arco-íris de azul-marinho a azul-claro: gradiente linear
Gradiente linear, 48 cores a 135°: #1a102e, #441c56, #9a4d47, #849f67, #7ca9d6. Edite e exporte CSS, SVG, PNG ou um shader.
4 quadros-chave OKLCH editáveis.
- #1a102e
- #1c1130
- #1e1233
- #201235
- #231339
- #25143c
- #291540
- #2c1644
- #301748
- #34184c
- #391a50
- #3e1b53
- #441c56
- #4a1e59
- #501f5b
- #57215c
- #5e235c
- #66265b
- #6e2959
- #762d57
- #7e3255
- #863852
- #8d3e4e
- #94454a
- #9a4d47
- #9e5543
- #a15d40
- #a4663f
- #a46e3e
- #a4773f
- #a27f42
- #9f8646
- #9b8d4c
- #959453
- #8d9a5c
- #849f67
- #7aa473
- #70a880
- #67ab8d
- #5fad9a
- #5bafa7
- #5aafb2
- #5cafbc
- #61aec4
- #68adcb
- #6fabd0
- #76aad3
- #7ca9d6
CSS
background: linear-gradient(135deg in oklch, oklch(20.47% 0.0579 296.02) 0.0%, oklch(21.02% 0.0601 296.98) 2.1%, oklch(21.64% 0.0629 297.87) 4.3%, oklch(22.33% 0.0664 298.74) 6.4%, oklch(23.10% 0.0703 299.63) 8.5%, oklch(23.94% 0.0746 300.60) 10.6%, oklch(24.84% 0.0791 301.69) 12.8%, oklch(25.80% 0.0838 302.94) 14.9%, oklch(26.82% 0.0885 304.40) 17.0%, oklch(27.90% 0.0932 306.12) 19.1%, oklch(29.03% 0.0977 308.15) 21.3%, oklch(30.20% 0.1019 310.54) 23.4%, oklch(31.42% 0.1056 313.32) 25.5%, oklch(32.68% 0.1089 316.55) 27.7%, oklch(33.98% 0.1116 320.28) 29.8%, oklch(35.31% 0.1135 324.55) 31.9%, oklch(36.69% 0.1147 329.40) 34.0%, oklch(38.19% 0.1150 334.85) 36.2%, oklch(39.83% 0.1147 340.85) 38.3%, oklch(41.58% 0.1139 347.36) 40.4%, oklch(43.42% 0.1126 354.33) 42.6%, oklch(45.33% 0.1108 1.71) 44.7%, oklch(47.28% 0.1088 9.46) 46.8%, oklch(49.26% 0.1065 17.53) 48.9%, oklch(51.23% 0.1040 25.89) 51.1%, oklch(53.18% 0.1014 34.47) 53.2%, oklch(55.07% 0.0988 43.25) 55.3%, oklch(56.90% 0.0963 52.17) 57.4%, oklch(58.62% 0.0940 61.18) 59.6%, oklch(60.23% 0.0918 70.25) 61.7%, oklch(61.70% 0.0900 79.33) 63.8%, oklch(62.99% 0.0886 88.36) 66.0%, oklch(64.12% 0.0875 97.54) 68.1%, oklch(65.14% 0.0866 107.47) 70.2%, oklch(66.05% 0.0858 118.07) 72.3%, oklch(66.87% 0.0851 129.19) 74.5%, oklch(67.59% 0.0845 140.68) 76.6%, oklch(68.24% 0.0840 152.39) 78.7%, oklch(68.82% 0.0835 164.18) 80.9%, oklch(69.33% 0.0832 175.88) 83.0%, oklch(69.79% 0.0828 187.36) 85.1%, oklch(70.20% 0.0826 198.46) 87.2%, oklch(70.57% 0.0823 209.04) 89.4%, oklch(70.90% 0.0821 218.94) 91.5%, oklch(71.21% 0.0819 228.02) 93.6%, oklch(71.49% 0.0817 236.12) 95.7%, oklch(71.77% 0.0815 243.10) 97.9%, oklch(72.05% 0.0813 248.81) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
