Slop Colors · gratis, en tu navegador

Genera una paleta de color a partir de un color

Parte de tu color de marca. Slop Colors crea sus armonías, sus tintes, sombras y tonos, y una escala de 50 a 950, y exporta la que elijas como código o como archivo de muestras.

Generar una paleta

Cómo hacerlo

1. Escribe tu color en el panel (HEX, RGB, HSL, OKLCH o CMYK), o elígelo desde una imagen.
2. En Creada a partir de este color, elige una Armonía junto a la rueda de color (complementario, análogo, triádico, complementario dividido, tetrádico, cuadrado, monocromático, sombras o personalizado) y la rueda RGB, RYB u OKLCH.
3. Arrastra los controles de la rueda: los demás siguen la armonía; en Personalizado cada uno se mueve por su cuenta. Las flechas mueven el control enfocado.
4. Haz clic en Usar como paleta bajo la fila que te guste, o elige colores sueltos y haz clic en Añadir este color.
5. Dale nombre a la paleta y elige el formato en Exportar: variables CSS, configuración de Tailwind, JSON, Adobe .ase o GIMP .gpl.
6. Haz clic en Descargar paleta, Copiar código o Guardar en Slop Drive….

Tus archivos se quedan en este dispositivo: Slop Colors funciona en tu navegador, sin subidas, sin cuenta y sin marca de agua.

Preguntas

¿Qué es la rueda RYB?

La rueda de rojo, amarillo y azul de los pintores, como la ofrece Adobe Color: allí el complementario del rojo es el verde y el del azul es el naranja. La rueda RGB es la de la pantalla, y OKLCH mantiene la luminosidad constante mientras gira el tono.

¿Cómo se crea la escala?

Se mantiene el tono y la luminosidad va de 97 % a 22 % en OKLCH, con menos croma cerca del blanco y del negro. Tu color queda en el paso más cercano.

¿Puedo abrir la paleta en Photoshop o Illustrator?

Sí. Exportala como Adobe Swatch Exchange (.ase) y cárgala en el panel Muestras. GIMP e Inkscape leen el archivo .gpl.

¿Se guardan mis paletas?

La paleta de la página se guarda en este navegador. Guardar en Slop Drive conserva un archivo que puedes volver a abrir aquí.

Más con Slop Colors

• Comprueba el contraste de color según WCAG
• Elige colores de una imagen
• Convierte HEX a RGB, HSL, OKLCH o CMYK

Apps relacionadas

• PhotoSlop
  En directo
  Photoshop, rehecho para el navegador.
• SlopVector
  En directo
  Illustrator, rehecho para el navegador.
• SlopIsolate
  Beta
  Quita fondos con IA que funciona en tu dispositivo.