Preto, cinza, marrom e vermelho (análogos): gradiente linear
Gradiente linear, 48 cores a 45°: #171719, #5e5b62, #e7dfcf, #70355e, #d7662c. Edite e exporte CSS, SVG, PNG ou um shader.
5 quadros-chave OKLCH editáveis.
- #171719
- #1a1a1c
- #1d1d20
- #212124
- #262629
- #2b2b2f
- #303035
- #37363b
- #3d3d42
- #45444a
- #4d4b52
- #55535a
- #5e5b62
- #6a656c
- #787177
- #877e83
- #978d90
- #a79d9e
- #b7adab
- #c5bcb8
- #d2c9c3
- #dcd4cc
- #e3dcd2
- #e7e0d3
- #e7dfcf
- #e3d8c6
- #dcccb7
- #d3bca6
- #c9a994
- #bd9484
- #af7e77
- #a06a6d
- #915766
- #834862
- #773d5f
- #70355e
- #6f315d
- #722f5d
- #792f5d
- #83315c
- #8f345a
- #9c3a57
- #aa4053
- #b7484c
- #c25145
- #cc593d
- #d36134
- #d7662c
CSS
background: linear-gradient(45deg in oklch, oklch(20.47% 0.0041 286.17) 0.0%, oklch(21.72% 0.0045 286.71) 2.1%, oklch(23.20% 0.0051 286.85) 4.3%, oklch(24.91% 0.0057 286.76) 6.4%, oklch(26.82% 0.0063 286.63) 8.5%, oklch(28.92% 0.0071 286.66) 10.6%, oklch(31.20% 0.0079 287.04) 12.8%, oklch(33.63% 0.0087 287.94) 14.9%, oklch(36.21% 0.0095 289.55) 17.0%, oklch(38.91% 0.0103 292.07) 19.1%, oklch(41.72% 0.0111 295.68) 21.3%, oklch(44.62% 0.0119 300.57) 23.4%, oklch(47.63% 0.0126 306.99) 25.5%, oklch(51.26% 0.0129 316.15) 27.7%, oklch(55.57% 0.0129 327.98) 29.8%, oklch(60.35% 0.0127 341.81) 31.9%, oklch(65.39% 0.0124 356.96) 34.0%, oklch(70.49% 0.0121 12.76) 36.2%, oklch(75.45% 0.0121 28.54) 38.3%, oklch(80.06% 0.0123 43.61) 40.4%, oklch(84.11% 0.0129 57.30) 42.6%, oklch(87.40% 0.0142 68.95) 44.7%, oklch(89.72% 0.0161 77.88) 46.8%, oklch(90.87% 0.0189 83.41) 48.9%, oklch(90.61% 0.0227 84.85) 51.1%, oklch(88.69% 0.0275 81.98) 53.2%, oklch(85.36% 0.0333 75.51) 55.3%, oklch(80.92% 0.0399 66.18) 57.4%, oklch(75.68% 0.0471 54.76) 59.6%, oklch(69.94% 0.0546 42.03) 61.7%, oklch(64.00% 0.0624 28.73) 63.8%, oklch(58.18% 0.0703 15.64) 66.0%, oklch(52.77% 0.0781 3.52) 68.1%, oklch(48.08% 0.0856 353.14) 70.2%, oklch(44.41% 0.0927 345.25) 72.3%, oklch(42.07% 0.0991 340.62) 74.5%, oklch(41.19% 0.1050 339.57) 76.6%, oklch(41.38% 0.1109 341.16) 78.7%, oklch(42.46% 0.1169 344.90) 80.9%, oklch(44.26% 0.1227 350.37) 83.0%, oklch(46.61% 0.1284 357.13) 85.1%, oklch(49.32% 0.1339 4.77) 87.2%, oklch(52.24% 0.1390 12.83) 89.4%, oklch(55.18% 0.1439 20.89) 91.5%, oklch(57.98% 0.1483 28.53) 93.6%, oklch(60.46% 0.1523 35.30) 95.7%, oklch(62.45% 0.1557 40.78) 97.9%, oklch(63.78% 0.1585 44.53) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
