Generador de paleta de colores
Genera paletas complementarias, triádicas y análogas desde un color base como HEX y variables CSS.
GratisSin registro
Opciones
Paleta
#646C3D
hsl(70, 28%, 33%)
#4C6C3D
hsl(100, 28%, 33%)
#3D6C44
hsl(130, 28%, 33%)
#3D6C5C
hsl(160, 28%, 33%)
#3D646C
hsl(190, 28%, 33%)
Variables CSS
:root {
--brand-1: #646C3D;
--brand-2: #4C6C3D;
--brand-3: #3D6C44;
--brand-4: #3D6C5C;
--brand-5: #3D646C;
}Genera paletas complementarias, triádicas y análogas desde un color base como HEX y variables CSS.
El problema de elegir un color de marca es que un solo color no sostiene una interfaz. Esta herramienta deriva una paleta completa desde un color base usando la teoría del color — análoga, monocromática, complementaria, complementaria dividida, triádica y tetrádica — y devuelve HEX, HSL y variables CSS listas para pegar.
Cómo usarla
- 1Elige el color base con el selector o escribiendo un valor HEX.
- 2Alterna entre los esquemas para ver cómo resuelve el mismo base bajo cada teoría.
- 3Copia todo el conjunto o las variables CSS a tu archivo de diseño o código.
Preguntas frecuentes
Herramientas relacionadas
- Divisor de cuadrícula MidjourneyCorta una imagen de cuadrícula 2×2 o 3×3 en mosaicos separados y descárgalos todos a la vez.
- Compresor de imágenesSuelta imágenes y ajusta el control de calidad para reducirlas — muestra tamaño antes/después, sin subir nada.
- Redimensionar imágenesCambia el tamaño por píxeles o ajuste predefinido social — Xiaohongshu, Instagram, X, portadas de vídeo — con relación de aspecto bloqueada.
- Extractor de paleta de coloresExtrae los colores dominantes de una imagen como valores HEX/RGB y variables CSS listas para copiar.
- Conversor de formatos de imagenConvierte entre PNG, JPG y WebP en lote, enteramente en el navegador, con calidad ajustable.
- Eliminador de metadatos EXIFRe-codifica una imagen para eliminar metadatos de cámara, marca de tiempo y GPS — con un escaneo de privacidad primero.
- Recortar imágenesArrastra una región, bloquea una relación común, rota y voltea, luego exporta el recorte exacto.
- Creador de fondo blancoConvierte un fondo liso en blanco con un clic — fotos de producto limpias, sin subir nada.
- Vista previa SVG → PNGPega el código SVG para previsualizarlo y exportar un PNG transparente a cualquier escala.
- Generador de degradados CSSCrea degradados lineales y radiales visualmente, luego copia el CSS o exporta la imagen de fondo.