281 free colors generators
Free Color Generators for Designers
Click to use instantly — no login required.
The color generators turn a blank canvas into a usable palette in a single click. A color palette generator hands you coordinated schemes, hex codes, and ready-to-paste values built on real color theory — complementary, analogous, and harmonious combinations — so your designs look intentional rather than accidental, whether you are working in CSS, a design tool, or a brand guide.
The three most popular uses are building a cohesive brand or website palette, finding a single fresh accent color to break a creative rut, and checking that text and background pairs meet accessibility contrast standards. Each tool runs entirely in your browser, free and without a login, and every color comes with a copy-ready hex code you can drop straight into your stylesheet. Generate as many palettes and swatches as you like, lock in the ones that work, and build a polished, accessible color scheme around them.
This category covers every kind of color tool a designer, developer, or creative could need — from grabbing a single random hex code to building out a complete UI color system. Whether you're starting a brand from scratch, choosing a palette for a web app, or just looking for inspiration, these 150 generators have something concrete to offer. The Color Palette Generator and Brand Color Palette Generator are popular starting points for anyone working on visual identity, while the Accessible Color Pair Generator solves a problem that trips up even experienced developers.
These tools are most useful when you're stuck staring at a blank canvas, when a client asks for 'something earthy but modern,' or when you need a quick WCAG-compliant contrast pair without opening a dedicated accessibility tool. They cut through the paralysis of infinite choice by giving you a strong starting point you can tweak rather than invent from nothing.
The range here goes well beyond basic palettes. You'll find generators for specific aesthetics — cyberpunk neons, vintage muted tones, cottagecore pastels — as well as technical outputs like CSS custom properties, CMYK print values, and Tailwind-style tint-and-shade scales. Illustrators will find the skin tone and watercolor palettes useful, while game developers can pull from pixel-art-restricted game asset palettes. Whatever your project, the odds are good there's a generator here that produces exactly what you need.
Most popular in this category
Generador de paletas de colores
Genera un conjunto armonioso de colores aleatorios para usar en proyectos de diseño
Generador de pares de colores accesibles
Genera pares de color de primer plano y de fondo que cumplen las pautas de contraste WCAG
Generador de código de degradados CSS
Genera código de degradados CSS aleatorio con estilo, ángulo y número de paradas personalizables
All Colors Generators
Generador de colores aleatorios
Genera un único color hex aleatorio con sus valores RGB y HSL
A random color generator is the fastest way to get a fresh color value when you're staring at a blank canvas or need a quick placeholder. Choose HEX, RGB, or HSL from the format selector and hit generate — you get a ready-to-paste value for CSS, Figma, or any tool that takes standard color codes.
Color•1 inputClick to open →
Generador de paletas de colores
Genera un conjunto armonioso de colores aleatorios para usar en proyectos de diseño
A color palette generator takes the guesswork out of picking harmonious colors for any project. Designers, developers, and marketers use it to get a curated set of swatches in seconds rather than spinning through color wheels manually.
Grid•2 inputsClick to open →
Generador de combinaciones de colores
Genera combinaciones de colores complementarias, análogas o triádicas a partir de un color base aleatorio
A color scheme generator removes the guesswork from palette building by applying real color theory — complementary, analogous, triadic, or split-complementary — to a randomly chosen base hue. Every color in the output is mathematically derived, so the relationships are coherent before you've touched a single slider.
Grid•1 inputClick to open →
Generador de colores pastel
Genera colores pastel suaves y soñadores, perfectos para diseños delicados y elegantes
A pastel color generator gives designers instant access to soft, high-lightness hues without manually dialing in HSL values. Pastels occupy a precise zone — saturation around 25–55% and lightness above 82% — where colors feel airy and calm rather than washed out.
Grid•2 inputsClick to open →
Generador de degradados CSS
Genera degradados CSS aleatorios de dos o tres colores listos para pegar en tu hoja de estilos
A CSS gradient generator gives you ready-to-paste linear-gradient() code without touching a color picker. Set the number of color stops — two for a clean, minimal blend or three for a richer mid-point shift — then choose a direction: horizontal, vertical, or one of the diagonal angles like 45deg or 135deg.
Text•2 inputsClick to open →
Generador de colores complementarios
Genera un color base y su complementario opuesto en la rueda de color
A complementary color generator gives you the direct opposite of any hue on the color wheel — the pairing that produces maximum natural contrast. Blue and orange, red and cyan, yellow and violet: these pairs look vivid together because your eye perceives them as maximally different, making each color push the other forward.
List•3 inputsClick to open →
Generador de colores triádicos
Genera tres colores espaciados de forma uniforme en la rueda cromática para paletas equilibradas y vibrantes
A triadic color generator spaces three hues exactly 120 degrees apart on the color wheel, producing palettes that feel energetic without the harshness of a straight complementary pair. Red, yellow, and blue is the classic example — but the same geometry works anywhere: teal, magenta, gold; lime, violet, orange.
List•3 inputsClick to open →
Generador de paletas monocromáticas
Genera una gama de sombras, tintes y tonos a partir de un único matiz base
A monochromatic palette generator creates a full range of shades, tints, and tones from a single base hue — giving designs immediate visual harmony without complex color mixing. Set any hue from 0–360 (or let the tool randomize one), choose how many swatches you need, and dial saturation to land anywhere from dusty muted tones to saturated jewel colors.
List•3 inputsClick to open →
Generador de colores análogos
Genera paletas de colores armoniosas con matices contiguos en la rueda cromática
An analogous color generator builds palettes from hues sitting side by side on the color wheel, producing schemes that feel unified without looking flat. Adjacent hues share underlying tones, so the result avoids harsh contrast while still giving you enough variety for layered, dimensional work.
List•4 inputsClick to open →
Generador de Paletas de Color Complementario Dividido
Genera un esquema de color complementario dividido a partir de un tono base aleatorio o elegido
A split-complementary color palette generator gives you a three-color scheme built on contrast without the harshness of a straight complementary pair. Pick a base hue (0–360) or leave it blank for a random starting point, then adjust the split angle to control how far the two flanking colors spread from the opposite side of the wheel.
List•2 inputsClick to open →
Generador de paletas de colores hex aleatorios
Genera un conjunto de códigos de color hex aleatorios como paleta lista para usar
A random hex color palette generator removes the blank-canvas problem that stalls early design work. Pick a count of 2 to 20 colors and a mode — Any, Light, Dark, or Vibrant — and you get a ready-to-use set of hex codes in seconds.
Grid•2 inputsClick to open →
Generador de paletas de tonos tierra
Genera paletas de colores en tonos tierra cálidos y naturales, inspiradas en la naturaleza y el terreno
The earth tone palette generator creates cohesive, nature-grounded color combinations across five terrain styles: Desert, Forest, Clay, Stone, and Mixed. Choose how many colors you need — from a tight two-color brand pair to a five-swatch design system — and the generator assembles warm browns, sandy beiges, fired terracottas, dusty olives, and weathered ochres in seconds.
Grid•2 inputsClick to open →
Generador de colores neón
Genera colores neón y eléctricos vivos, perfectos para interfaces en modo oscuro y estética cyberpunk
The neon color generator produces vivid, high-saturation hex codes built specifically for dark backgrounds, electric interfaces, and glowing UI. Each output is tuned to near-maximum saturation with balanced lightness — the combination that creates the optical illusion of a color radiating light rather than just appearing bright.
Grid•2 inputsClick to open →
Generador de paletas por temperatura de color
Genera paletas de colores cálidas o frías según la teoría de la temperatura del color
A color temperature palette generator helps designers and brand strategists build palettes grounded in color temperature theory in seconds. Choose warm, cool, neutral, or a warm-to-cool gradient, set how many colors you need (default is six), and pick a saturation level: low for muted editorial tones, medium for versatile UI work, high for bold campaigns.
Grid•3 inputsClick to open →
Generador de paletas de color Material Design
Genera una paleta de color completa de Material Design con tonos del 50 al 900
A Material Design color palette generator creates a structured ten-step tonal scale — shades 50 through 900 — that mirrors Google's own component libraries. Designers and developers use it to establish consistent color hierarchies without manually interpolating values in Figma or code.
List•2 inputsClick to open →
Generador de muestras de color aleatorias
Genera varias muestras de color aleatorias con códigos hex y valores RGB
A random color swatch generator solves the blank-palette problem fast. Set a count — anywhere from a handful to 20-plus — choose a mode (Any, Vibrant, Muted, Dark, or Light), and get a full batch of colors, each with hex, RGB, and HSL values ready to copy.
List•2 inputsClick to open →
Explorador de armonías de color
Genera armonías de color, incluyendo esquemas tetrádicos, cuadrados y de complementarios dobles
The color harmony explorer takes any base hue and builds four-color schemes — tetradic, square, double complementary, compound, or clash — so you spend less time guessing on a color wheel and more time designing. Color theory defines specific angular relationships between hues that create visual balance, and this tool calculates them instantly.
List•4 inputsClick to open →
Generador de código de degradados CSS
Genera código de degradados CSS aleatorio con estilo, ángulo y número de paradas personalizables
A CSS gradient generator saves you from the trial-and-error cycle of tweaking hex codes and stop percentages by hand. Set the gradient type — linear, radial, or conic — choose a mood like Sunset or Ocean to guide the color palette, adjust the angle and stop count, and get production-ready CSS in one click.
Text•4 inputsClick to open →
Generador de paletas de colores de marca
Genera una paleta de colores de marca completa con tonos primarios, secundarios, de acento y neutros
A brand color palette generator saves hours of guessing which hues actually fit your industry and brand style. Select your sector — Tech, Health, Finance, Creative, and more — plus a style direction like Modern, Bold, or Playful, and get a structured nine-role palette covering primary, secondary, accent, three neutral steps, and success, warning, and error semantic colors.
List•2 inputsClick to open →
Generador de paletas de colores vintage
Genera paletas de colores apagadas e inspiradas en lo retro, con tonos envejecidos y nostálgicos
A vintage color palette generator solves a real problem for designers: getting historically accurate, muted tones without manually hunting reference photos from each decade. This tool lets you choose an era — 1920s, 1950s, 1970s, or 1980s — and set how many colors you need, then instantly produces swatches built around the desaturated, slightly warm hues that define each period.
Grid•2 inputsClick to open →
Generador de pares de colores accesibles
Genera pares de color de primer plano y de fondo que cumplen las pautas de contraste WCAG
The accessible color pair generator creates foreground and background combinations that pass WCAG 2.1 AA contrast standards — no manual testing required. Each pair meets the 4.5:1 minimum ratio for normal body text, so you can paste hex values straight into a stylesheet or Figma token file without running a separate audit.
List•2 inputsClick to open →
Generador de paletas de colores estacionales
Genera paletas de colores inspiradas en las cuatro estaciones: primavera, verano, otoño e invierno
A seasonal color palette generator solves a real design problem: picking colors that feel emotionally right for a time of year without starting from scratch. Spring calls for blush pinks and mint greens; summer wants coral and saturated turquoise; autumn leans into burnt sienna and golden amber; winter reaches for icy blues and deep navy.
Grid•2 inputsClick to open →
Generador de colores con nombre aleatorios
Genera colores aleatorios con su nombre de color CSS oficial y su código hex
A random named color generator sounds simple until you realize CSS ships with 140 officially named colors most developers have never seen. This tool surfaces random named colors — complete with their exact hex codes — drawn from the full W3C specification.
List•2 inputsClick to open →
Generador de paletas de color duotono
Genera combinaciones de dos colores en duotono para llamativos filtros de fotos y efectos gráficos
A duotone color palette generator removes the guesswork from finding shadow-and-highlight pairs that actually hold up on a real image. Duotone effects replace dark tones with one color and light tones with another — the technique behind Spotify's iconic marketing look, editorial concert posters, and bold brand identities.
List•2 inputsClick to open →
Generador de paletas de atardecer
Genera paletas de colores cálidas inspiradas en el atardecer, con naranjas, rosas, morados y dorados intensos
The sunset palette generator creates warm, atmospheric color schemes drawn from the full arc of golden hour — amber oranges, coral pinks, dusty purples, and burnished golds. Each result is balanced enough to use immediately in a design project without manual tweaking.
Grid•1 inputClick to open →
Generador de colores hexadecimales aleatorios
Genera un único código de color hexadecimal verdaderamente aleatorio, con filtro opcional por brillo o saturación
A random hex color generator gives you an instant, valid #RRGGBB code you can drop straight into CSS, Figma, or Tailwind without stopping to think. No color theory required — just click and copy.
Color•1 inputClick to open →
Generador de paletas de color oceánicas
Genera paletas de color relajantes inspiradas en el mar, con turquesas, aguamarinas, azules marinos y verdes espuma de mar
The oceanic color palette generator produces sea-inspired color schemes drawn from three distinct depth tiers — shallow reef, mid-ocean, and deep sea — each reflecting how light actually behaves in water. Shallow settings yield high-saturation aquas and seafoam greens.
Grid•2 inputsClick to open →
Generador de pares de color con contraste
Genera pares de color de alto contraste, ideales para texto legible y un diseño de interfaz accesible
A color contrast pair generator removes the guesswork from pairing background and text colors that are both attractive and WCAG-compliant. Every pair this tool produces clears strong luminance contrast thresholds, keeping buttons, cards, and body copy readable across screen types.
List•2 inputsClick to open →
Generador de paletas de tonos joya
Genera paletas de color ricas y profundas en tonos joya inspiradas en gemas como la esmeralda, el zafiro y la amatista
A jewel tone palette generator gives designers, brand creators, and art directors instant access to gemstone-inspired color combinations — deep emerald, sapphire blue, amethyst purple, ruby red, and topaz gold. These colors share one defining quality: high saturation paired with medium-to-dark lightness, which creates that luminous, glowing depth that separates jewel tones from both pastels and standard bold colors.
Grid•2 inputsClick to open →
Generador de paletas de colores apagados
Genera paletas armoniosas de colores desaturados y apagados para diseños sofisticados
A muted color palette generator gives designers instant access to desaturated, sophisticated tones that work together without competing for attention. Muted colors are the backbone of editorial design, luxury branding, and calm UI work — they let typography and content lead rather than the palette itself.
Grid•1 inputClick to open →
Generador de inspiración de colores con nombre
Genera nombres de color creativos y evocadores junto con muestras hex que combinan
A named color inspiration generator does something hex codes alone can't: it gives colors a voice. Designers, brand strategists, and writers use this tool to pair precise hex values with evocative names — think 'Glacier Fog' or 'Burnt Sienna Dusk' — that instantly communicate mood and intention.
List•1 inputClick to open →
Generador de paletas de colores cyberpunk
Genera paletas de colores oscuras y de alto contraste inspiradas en lo cyberpunk con acentos de neón
A cyberpunk color palette generator built for designers who need that specific combination of near-black depth and high-voltage neon — not just dark colors, but the right structural logic behind them. Each palette pairs one or two anchor blacks, desaturated mid-tones for surfaces and cards, and vivid accent hues like electric cyan, hot magenta, or acid green.
Grid•1 inputClick to open →
Generador de paletas divididas en cálidos y fríos
Genera paletas divididas entre tonos cálidos y fríos para un contraste de color equilibrado y dinámico
The warm & cool split palette generator helps designers control color temperature balance with precision — one of the most reliable ways to build visual tension and harmony together. Set exactly how many warm tones (reds, oranges, yellows) and cool tones (blues, greens, purples) the palette includes, and you shape the emotional weight of a design before touching a single layout element.
Grid•2 inputsClick to open →
Generador de paletas neutras matizadas
Genera colores casi neutros con sutiles matices de tono para paletas de diseño versátiles y sofisticadas
The tinted neutral palette generator produces near-gray colors with just enough hue undertone to feel intentional — warm greige, cool slate, rosy taupe, or sage-tinged off-white. Pure grays can read as sterile or disconnected from your accent colors.
Grid•2 inputsClick to open →
Generador de Paletas de Tonos de Piel
Genera paletas realistas de tonos de piel humana para ilustración y diseño
A skin tone palette generator gives illustrators, character artists, and UI designers instant access to realistic human complexion colors — without guessing at hex values or eyedropping from stock photos. Set how many tones you need (the default is six) and get a cohesive, natural-looking set in seconds.
Grid•1 inputClick to open →
Generador de pares de color aleatorios
Genera combinaciones armoniosas de dos colores ideales para fondos y acentos
A random color pair generator removes one of design's most repetitive decisions: picking two colors that actually work together. Select a pair style — Contrasting, Analogous, Light & Dark, or Vibrant — set how many pairs you need, and get hex-ready combinations in seconds.
List•2 inputsClick to open →
Generador de paletas de color de naturaleza y bosque
Genera paletas de color orgánicas inspiradas en bosques, plantas y paisajes naturales
The nature & forest color palette generator produces organic, landscape-accurate hex palettes drawn from five distinct environments: Forest, Desert, Ocean Shore, Autumn Leaves, and Spring Bloom. Choose your theme and set how many colors you need — anywhere from a tight three-swatch set to a fuller palette for complex design systems.
Grid•2 inputsClick to open →
Generador de paletas de degradado aleatorias
Genera conjuntos de hermosas definiciones de degradado de dos paradas listas para usar en CSS
A random gradient palette generator removes the trial-and-error from pairing CSS background colors, giving you complete linear-gradient definitions you can paste directly into a stylesheet. Set the count to four for a quick scan, or push it higher when you need a broader field to compare.
List•2 inputsClick to open →
Generador de Paletas de Color Retro
Genera paletas de color inspiradas en épocas de diseño retro y vintage desde los 60 hasta los 90
The retro color palette generator pulls authentic hex colors from five iconic design eras — 60s Psychedelic, 70s Groovy, 80s Neon Pop, 90s Grunge, and Early Computer. Each era had a distinct color language shaped by printing tech, CRT displays, and cultural movements.
Grid•2 inputsClick to open →
Generador de paletas de colores estéticas
Genera paletas de colores estéticas seleccionadas, inspiradas en estilos visuales populares como cottagecore, vaporwave, dark academia y más
An aesthetic color palette generator built around real visual subcultures — not random colors that technically harmonize, but hues that carry the cultural weight of cottagecore, vaporwave, dark academia, coastal, y2k, and more. Designers, content creators, and hobbyists use it to skip the guesswork and get a palette that already speaks the right visual language.
Grid•2 inputsClick to open →
Generador de color aleatorio con nombre
Genera un color aleatorio junto con el nombre de color reconocido más cercano y su código hex
A random color with name generator does something a plain hex picker can't: it tells you what you're actually looking at. Instead of #7B3F8C, you get Amethyst — a word you can drop into a Slack thread, a design token, or a novel without explanation.
Color•1 inputClick to open →
Generador de paletas de colores a partir del estado de ánimo
Genera una paleta de colores basada en un estado de ánimo o sentimiento como calma, energía, romanticismo o melancolía
A color palette from mood generator solves a problem most designers know too well: you have a feeling in mind but no fast way to translate it into hex values. Pick one of eight moods — calm, energetic, romantic, melancholic, mysterious, cheerful, tense, or serene — set how many colors you need, and get a palette built around that emotional target.
Grid•2 inputsClick to open →
Generador de conjuntos de variables de color CSS
Genera un conjunto completo de propiedades personalizadas (variables) de CSS para una paleta de colores, listo para pegar en tu hoja de estilos
A CSS color variable set generator takes the tedium out of building a :root block from scratch. Paste the output into any stylesheet and every component in your project can immediately reference named values like --color-primary or --color-accent instead of scattered hex literals.
Text•3 inputsClick to open →
Generador de tintes y sombras
Genera una escala completa de tintes (más claros) y sombras (más oscuros) para cualquier color base, al estilo de las escalas de Tailwind
A tints and shades generator builds a complete color scale from a single hex value, producing mathematically even lighter tints and darker shades in one step. Tints mix your base color with white; shades blend it with black.
Grid•2 inputsClick to open →
Generador de paletas seguras para daltonismo
Genera paletas de color distinguibles para personas con los tipos comunes de daltonismo
A color blindness safe palette generator solves a real problem: about 1 in 12 men has some form of color vision deficiency, which means a poorly chosen palette can make charts unreadable or data misleading for a significant slice of your audience. This tool produces palettes where hue, lightness, and saturation differences stay perceptible even when red-green or blue-yellow channels are compromised.
List•2 inputsClick to open →
Generador de color aleatorio con matices
Genera un color base aleatorio junto con toda su gama de tintes y sombras, de claro a oscuro
A random color with shades generator gives you a complete luminance scale built around one randomly chosen hue — from the palest tint to the deepest shade — in seconds. No manual lightness tweaking in a color picker, no guesswork.
List•2 inputsClick to open →
Generador de Nombres de Color al Estilo Pantone
Genera colores aleatorios junto con nombres de color evocadores y creativos al estilo Pantone
A pantone-inspired color name generator turns a raw hex code into something people actually remember. Names like 'Midnight Harbor' or 'Dust Storm Peach' carry emotional weight that #B07D62 never will.
List•2 inputsClick to open →
Generador de paletas de color CSS aleatorias
Genera paletas de propiedades personalizadas CSS listas para pegar con colores aleatorios armoniosos
A random CSS color palette generator takes the guesswork out of building cohesive color systems for web projects. Instead of manually calculating HSL relationships, you get a ready-to-paste :root block of CSS custom properties in seconds.
Text•3 inputsClick to open →
Generador de Paletas de Color para Recursos de Juegos
Genera paletas de pixel art y recursos de juegos con colores limitados inspiradas en las restricciones de color de consolas clásicas
The game asset color palette generator produces console-accurate, limited-color palettes for pixel art and retro game development. It mirrors the real hardware restrictions of the NES, Game Boy, SNES, and CGA PC — systems where color counts were law, not suggestion.
List•2 inputsClick to open →
Paleta de color a partir de un color base
Genera una paleta armoniosa de varios colores a partir de un único tono base
A color palette generator built around a single base hue removes the guesswork from color harmony. Set your base hue (0–360) and choose how many colors you need — the tool steps equal intervals around the color wheel so every swatch relates to the next without clashing.
Grid•2 inputsClick to open →
Generador de paletas de color oscuras
Genera paletas de color oscuras, ricas y profundas, listas para el modo oscuro de interfaces y diseño
A dark color palette generator built specifically for dark-mode work saves you from the guesswork of inverting light schemes or eyeballing hex values. Every color produced here sits below 35% lightness, so results are immediately usable in production — not just presentable in a mood board.
Grid•2 inputsClick to open →
Generador de Paletas de Color Claras
Genera paletas de color suaves y aireadas en modo claro perfectas para UI y branding
A light color palette generator is the fastest way to build a cohesive set of high-lightness hex colors for UI work, branding, and digital products where whitespace and calm matter. Choose from three style presets — airy for near-white tints, soft for warm mid-range hues, or bright for vivid-yet-light tones — and set exactly how many colors you need, from a minimal two up to a larger token set.
Grid•2 inputsClick to open →
Color Aleatorio con Código CSS
Genera un color aleatorio y obtén su código CSS en hex, RGB y HSL al instante
A random color generator with CSS code saves the conversion work every frontend developer runs into: you pick a color, then need it in three different formats for three different contexts. This tool generates a fully random color and outputs hex, RGB, and HSL representations in one click.
Text•1 inputClick to open →
Paleta de colores de las cuatro estaciones
Genera una paleta de colores cuidada inspirada en la primavera, el verano, el otoño o el invierno
A four seasons color palette gives designers a nature-anchored set of harmonious hues without the guesswork of building from scratch. Spring leans on soft blush, pale mint, and lavender.
Grid•2 inputsClick to open →
Generador de paradas de color para degradados
Genera una secuencia de colores que forma un degradado suave entre dos matices
A gradient color stops generator removes the guesswork from building smooth, perceptually consistent color transitions. Set a start hue, an end hue, and a step count — the tool outputs an evenly spaced sequence of hex codes across the hue wheel.
Grid•3 inputsClick to open →
Generador de tríos de colores aleatorios
Genera combinaciones de tres colores para uso primario, secundario y de acento
A random color triplet generator gives you three coordinated colours at once — a simple, balanced mini-palette ready to drop straight into a design. Sometimes a full palette is overkill and a single colour is not enough; three colours is the sweet spot for a primary, a secondary, and an accent, or for a small chart, an icon set, or a quick mockup.
Grid•2 inputsClick to open →
Generador de Paletas de Color de Arte Abstracto
Genera paletas de color audaces y expresivas inspiradas en movimientos de arte abstracto y moderno
The abstract art color palette generator pulls directly from the visual logic of five major art movements — Bauhaus, Expressionism, Pop Art, Minimalism, and Surrealism — and turns that logic into ready-to-use hex colors. These aren't random combinations.
Grid•2 inputsClick to open →
Generador de color aleatorio único
Genera al instante una muestra de color perfectamente aleatoria con su código hexadecimal
The single random color generator gives you one hex color per click, with a color mode selector to filter toward light tones, dark tones, or fully saturated hues. No palette tool, no color theory required — just a clean six-digit hex code ready to paste into CSS, Figma, or any game engine.
Color•1 inputClick to open →
Generador de Pares de Color para Tipografía
Genera pares de color de fondo y texto optimizados para una tipografía web legible
A typography color pair generator solves one of web design's most tedious problems: finding background and text hex values that look good and pass readability checks. Designers and front-end developers use this tool to get matched pairs optimized for legibility across three styles — light-background, dark-background, and colorful.
List•2 inputsClick to open →
Generador de paletas de colores Flat UI
Genera un conjunto de colores Flat UI inspirados en sistemas de diseño modernos
The flat UI color palette generator gives you instant access to bold, saturated hues drawn from the color systems that defined modern flat design — think the vivid greens of Flat UI, the assertive reds of Material Design, and the crisp blues that shaped iOS 7. These colors work because they carry visual weight without gradients, shadows, or texture.
Grid•1 inputClick to open →
Generador de paletas de color para modo oscuro
Genera paletas de color optimizadas para el diseño de interfaces en modo oscuro
A dark mode color palette generator built for real UI work, not just aesthetic experiments. Designers and developers use it to produce background, surface, and accent colors calibrated for dark interfaces — avoiding the harshness of pure black while preserving contrast and hierarchy.
Grid•2 inputsClick to open →
Generador de color aleatorio con HEX y RGB
Genera un color aleatorio y lo muestra con sus valores HEX, RGB y HSL
A random color with HEX and RGB generator saves the manual conversion step that slows down design and development work. Hit generate once and you get the color displayed alongside its HEX code, RGB values, and HSL breakdown — ready to copy into CSS, Figma, or a design token file without touching a separate converter.
Text•0 inputsClick to open →
Generador de paletas de color para bodas
Genera paletas de color románticas y elegantes perfectas para bodas
A wedding color palette generator saves couples, planners, and designers hours of guesswork by producing season-matched, harmonious color combinations in seconds. Choose your season — spring, summer, autumn, or winter — and set how many colors you need (three for a minimalist look, up to seven for something lush) and the tool returns a curated palette built to work across florals, linens, stationery, and lighting.
Grid•2 inputsClick to open →
Generador de Espectro de Colores del Arcoíris
Genera un espectro de arcoíris fluido con tonos distribuidos de forma uniforme
A rainbow color spectrum generator divides the full 360-degree hue wheel into equal steps, giving you a mathematically balanced palette every time. Set the count to match your exact number of chart categories or gradient stops, then dial saturation and lightness to shift the mood — high saturation near 80% for vivid UI colors, or drop it to 45% with lightness at 80% for soft pastels.
Grid•3 inputsClick to open →
Generador de nombres de combinaciones de color
Genera combinaciones de color con nombres creativos y sus códigos hexadecimales correspondientes
A color combination name generator turns a set of hex codes into something a team can actually talk about. Raw values like #3A7CA5 or #F4E1C1 are precise but communicationless — nobody Slacks a teammate 'use the #3A7CA5 palette.' Named combinations like 'Coastal Dusk' or 'Ember & Slate' carry mood, hierarchy, and intent in two words.
List•1 inputClick to open →
Generador de paletas de colores para logotipos
Genera paletas de colores audaces y distintivas adecuadas para el diseño de logotipos y marcas
A logo color palette generator takes the guesswork out of early-stage brand color decisions. Select your industry — tech, health, food, finance, or creative — choose how many colors you need (two to five), and get bold, distinctive palettes tuned to that sector's visual conventions.
Grid•2 inputsClick to open →
Generador de paletas de acuarela
Genera paletas de colores suaves y translúcidas inspiradas en la acuarela
The watercolor color palette generator creates soft, paint-washed hues that mimic the translucent layering of real pigment on wet paper. Each palette uses high-lightness, low-saturation tones with subtle warmth or coolness built in, so colors feel hand-mixed rather than digital.
Grid•2 inputsClick to open →
Generador de colores aleatorios con variantes de opacidad
Genera un color base aleatorio con varios niveles de opacidad como valores rgba de CSS
The random color with opacity variants generator creates a single random base color and outputs a full set of CSS rgba values across evenly spaced transparency levels — ready to paste straight into a stylesheet or design token file. No manual alpha math needed.
List•1 inputClick to open →
Generador de paletas de color por emoción
Genera paletas de color basadas en emociones y asociaciones psicológicas
The color emotion palette generator takes a target feeling — calm, energetic, mysterious, romantic, or four others — and returns a set of psychologically aligned hex colors in seconds. Color psychology research consistently shows that hues shape perception before a viewer reads a single word, so starting with the emotion rather than a color wheel saves real time.
Grid•2 inputsClick to open →
Generador de paletas de 5 colores
Genera una paleta aleatoria de 5 colores con códigos hex
A 5-color palette generator removes the blank-canvas paralysis that stalls design work by delivering five harmonious hex codes in one click. Designers, developers, and brand builders use it to jumpstart UI systems, mood boards, and visual identities without spending an hour in a color wheel tool.
Grid•1 inputClick to open →
Generador de Temperatura de Color
Genera paletas de color cálidas o frías según el tono de temperatura
A color temperature generator helps designers build palettes that communicate mood before a single word is read. Warm tones — reds, oranges, deep yellows — signal energy and appetite.
Grid•2 inputsClick to open →
Generador de Matices y Sombras de Color Hex
Genera matices y sombras a partir de cualquier color hex base
A hex color tint and shade generator takes a single base hex value and builds a complete color scale in seconds. Tints blend your color toward white; shades push it toward black.
Grid•2 inputsClick to open →
Generador de Paletas de Color por Palabra Clave
Genera una paleta de color inspirada en un concepto o palabra clave
A keyword color palette generator takes a single concept and returns five cohesive hex colors built around it. Select from ten curated themes — ocean, forest, desert, galaxy, sunrise, storm, candy, autumn, arctic, or lava — and the tool instantly surfaces a palette tuned to that mood.
Grid•1 inputClick to open →
Generador de un solo color aleatorio
Genera un único color aleatorio mostrado como una muestra de color a pantalla completa
A random single color generator is the fastest way to land on a hex you'd never consciously reach for. Designers use it to break palette paralysis, developers use it to fill placeholder UI fast, and generative artists use it as an unbiased starting seed.
Color•1 inputClick to open →
Generador de paletas de colores con tono fijo
Genera paletas fijadas a un rango de tono específico para esquemas de color cohesionados
A hue-locked color palette generator solves a common design problem: picking multiple colors that feel intentional together without hiring a brand consultant. It constrains every generated swatch to one hue family — blue, green, red, and six others — while varying saturation and lightness across the set.
Grid•2 inputsClick to open →
Generador de Combinaciones de Dos Colores
Genera combinaciones armoniosas de dos colores con sugerencias de uso
A two-color combination generator takes the guesswork out of color pairing by applying real color theory instead of gut feeling. Designers, brand strategists, and front-end developers use it to produce a grounded starting point fast.
Grid•1 inputClick to open →
Generador de paletas de color con nombres
Genera colores aleatorios con sus nombres de color más cercanos y legibles
A named color palette generator solves a specific communication problem: hex codes mean nothing to most stakeholders. This tool pairs every generated color with its closest human-readable name — so instead of handing a client #E8734A, you're handing them Burnt Sienna.
List•2 inputsClick to open →
Generador de sistemas de color para interfaces
Genera un sistema de color de interfaz completo con colores primario, secundario, de acento, de fondo y de texto
A UI color system generator takes the guesswork out of building a cohesive interface palette. Instead of assembling colors one by one, you get a complete set of role-based values — primary, secondary, accent, background, surface, and text — tuned to work together from the start.
List•2 inputsClick to open →
Generador de paletas de degradado pastel
Genera pares de colores pastel suaves ideales para fondos en degradado
A pastel gradient palette generator solves a specific design problem: finding two colors that blend smoothly without looking washed out or muddy. Each output pair is constrained to high lightness (75–90% HSL) and moderate saturation (30–60%), so transitions stay soft and perceptually balanced.
List•1 inputClick to open →
Generador de Paletas de Color por Tono
Genera una paleta completa de colores derivada de un único ángulo de tono seleccionado
A hue-based color palette generator builds a complete tonal scale from a single point on the color wheel. Set your hue angle — 0 for red, 120 for green, 240 for blue — and the generator steps through lightness and saturation to produce a coherent family of shades that all belong together.
Grid•2 inputsClick to open →
Generador de moodboards de color
Genera paletas de colores temáticas basadas en estados de ánimo o ambientes
A color mood board generator gives designers, marketers, and brand builders an instant palette anchored to a specific emotional tone. Color psychology isn't abstract: the hues you choose for a campaign or product page shape how viewers feel before they read a word.
Grid•2 inputsClick to open →
Color aleatorio con valores RGB y HSL
Genera un color aleatorio y lo muestra en formato hex, RGB y HSL de forma simultánea
This random color with RGB & HSL values generator outputs every color in three formats at once — hex, RGB, and HSL — so you never need a separate converter. CSS developers, Figma users, and design system engineers constantly switch between formats: one tool wants a hex code, another wants hsl(), and a token file needs rgb().
List•2 inputsClick to open →
Generador de paletas con historia de color
Genera una paleta de 5 colores con un nombre narrativo creativo y una etiqueta de función para cada color
A color story palette generator creates a complete 5-color palette with a narrative name and a role label for every swatch — background, primary, accent, supporting tone, and text. Instead of handing off a list of hex codes, you get a named set like "Driftwood Shore" or "Monsoon Canopy" where each color already knows its job.
List•1 inputClick to open →
Generador de Distribución en la Rueda de Color
Genera colores distribuidos uniformemente alrededor de la rueda de color para máxima diversidad visual
A color wheel spread generator creates colors at perfectly equal hue intervals across all 360 degrees, so every color in your set is as visually distinct from its neighbors as possible. That's the same math behind triadic and tetradic harmony schemes, extended to any count you need.
Grid•3 inputsClick to open →
Generador de paletas de color con nombres
Genera una paleta de colores aleatorios con sus nombres legibles
A named color palette generator does something a plain hex tool cannot: it gives every color a word. Each result pairs a randomly generated hex code with a human-readable label like Dusty Rose, Slate Blue, or Burnt Sienna, so you can talk about colors in a client Slack thread or design review without decoding six-character strings.
List•1 inputClick to open →
Color aleatorio en todos los formatos
Genera un único color aleatorio mostrado en formatos HEX, RGB y HSL a la vez
A random color generator with all formats solves a small but persistent annoyance: you get one color and immediately need it in three notations. This tool outputs HEX, RGB, and HSL side by side so you can paste the right format into CSS, Figma, or a config file without a separate converter.
List•1 inputClick to open →
Generador de cuadrícula de muestras de color
Genera una cuadrícula visual de muestras de color aleatorias con códigos hex
A color swatch grid generator gives designers and developers an instant visual spread of random colors — each paired with its hex code — so you can scan dozens of candidates in seconds instead of hunting through a color wheel. Set how many swatches you want (the default is 12) and filter by tone: warm for reds and oranges, cool for blues and teals, neutral for grays and off-whites, or all tones at once.
Grid•2 inputsClick to open →
Generador de temas de color para UI
Genera un tema de color de UI completo con colores primario, secundario, de acento, de fondo y de texto
A UI color theme generator that outputs a complete, role-based palette — primary, secondary, accent, background, surface, and text — saves you from assembling colors piecemeal and hoping they work together. Designers and front-end developers use it to bootstrap a coherent color system before opening Figma or writing a single CSS variable.
List•1 inputClick to open →
Generador de paletas de color con matiz fijo
Genera una paleta de colores que comparten el mismo matiz pero varían en saturación y luminosidad
A hue-locked color palette generator builds a complete tonal family from a single hue value, varying only saturation and lightness across every swatch. Set the hue (0–360) and choose how many colors you need — anywhere from a quick 4-step pairing to a full 10-step scale — and every output is guaranteed to feel related.
Grid•2 inputsClick to open →
Generador de color por emoción
Genera una paleta de color seleccionada según un tono emocional o estado de ánimo elegido
Color by emotion generator helps designers, marketers, and brand teams pick palettes grounded in psychology rather than guesswork. Select one of eight emotional tones — Joy, Calm, Energy, Sadness, Mystery, Romance, Hope, or Fear — choose how many colors you need (up to any count), and get a curated set of hues that reflects how people actually respond to color.
Grid•2 inputsClick to open →
Generador de combinaciones de dos tonos
Genera combinaciones bicolor llamativas ideales para diseño duotono, pósteres y logos
A two-tone color combination generator solves a real design problem: finding pairings that actually work together, not just colors that look fine in isolation. This tool produces bold two-color pairs across four contrast styles — high contrast, analogous, complementary, and monochrome — each delivering a different visual mood.
List•1 inputClick to open →
Generador de paletas de color de moda
Genera paletas de color de moda inspiradas en temporadas y tendencias para ropa, textiles y estilismo
A fashion color palette generator built around the five retail seasons — Spring, Summer, Autumn, Winter, and Resort — gives designers, stylists, and brand teams a fast way to establish cohesive color direction. Select your season and choose up to however many colors you need, and you get hex codes drawn from the color families that actually appear on runways and in commercial retail lines.
Grid•2 inputsClick to open →
Generador de degradados de 3 paradas
Genera un degradado suave de 3 colores con código CSS listo para usar
A 3-stop gradient generator removes the trial-and-error of building multi-color CSS gradients that actually look good together. Three color stops introduce a midpoint hue that adds depth and warmth — something a two-color sweep rarely achieves.
List•2 inputsClick to open →
Generador de Historias de Color
Genera una historia de color temática: una paleta con nombre y un concepto narrativo, ambiente y contexto de uso
A color story generator gives designers something a plain hex palette cannot: narrative context and emotional direction wrapped around five coordinated colors. Where a standard palette tool hands you swatches, this hands you a concept — a mood, a scene, an atmosphere that tells you exactly how those colors should feel in a brand, campaign, or package design.
List•1 inputClick to open →
Generador de Paletas de 5 Colores
Genera una paleta armoniosa de 5 colores con códigos hex
A 5-color palette generator solves one of the most time-consuming parts of any design project: getting a coherent starting point fast. Pick a style — warm, cool, dark, or light — and get five balanced hex codes covering the roles your design actually needs: primary, secondary, accent, background, and text.
Grid•1 inputClick to open →
Generador de Colores RGB Aleatorios
Genera un color aleatorio y lo muestra en formatos RGB, HEX y HSL
A random RGB color generator gives you instant access to colors in three formats at once — RGB, HEX, and HSL — so you can skip manual conversions mid-workflow. Each color is randomly generated across the full 16.7 million color spectrum, which makes it genuinely useful for discovering shades you wouldn't reach for manually.
List•1 inputClick to open →
Esquema de Color desde un Tono Base
Genera un esquema de color completo a partir de un tono elegido usando reglas complementaria, tríada y análoga
A color scheme generator built on color theory takes a single hue angle and derives a complete, harmonious palette instantly. Enter any value from 0 to 360, pick a harmony rule — complementary, triadic, analogous, or tetradic — and get mathematically balanced hue relationships you can carry into any design tool.
List•2 inputsClick to open →
Generador de Paletas de UI Oscura
Genera una paleta de UI en modo oscuro con fondos, superficies y colores de acento
A dark UI color palette generator removes the trial-and-error from building dark mode interfaces that actually work. Dark mode design isn't just inverting light colors — it requires a deliberate stack of background layers, elevated surfaces, border shades, and accent colors tuned for legibility without eye strain.
List•1 inputClick to open →
Generador de Gradientes CSS con Nombre
Genera gradientes lineales CSS aleatorios con nombres descriptivos y código CSS listo para usar
A random named CSS gradient generator solves the blank-canvas problem designers and developers hit when they need background inspiration fast. Every output includes a descriptive name like 'Violet Dusk' or 'Ember Tide' alongside production-ready linear-gradient CSS you can paste straight into a stylesheet.
List•2 inputsClick to open →
Generador de escalas de matices y sombras de color
Genera una escala completa de 10 pasos de matices y sombras a partir de un color base aleatorio
A color tint and shade scale generator solves one of the most tedious tasks in UI design: building a coherent range of lighter and darker variants from a single base color. Instead of eyeballing hex values, you get a structured ramp — from near-white tints to near-black shades — in seconds.
List•2 inputsClick to open →
Generador de Colores por Estado de Ánimo
Genera una paleta de colores que coincide con un estado de ánimo o sentimiento elegido
A color by mood generator solves a specific creative problem: choosing palette direction before you have a design, not after. Select one of eight moods — Calm, Energetic, Mysterious, Joyful, Melancholic, Romantic, Tense, or Serene — set how many colors you need, and get a palette built around the emotional response you want to produce.
List•2 inputsClick to open →
Generador de Nombres de Muestras de Color
Genera colores aleatorios con nombres descriptivos creativos al estilo de muestras de pintura
A random color swatch name generator solves a real creative bottleneck: hex codes are precise, but they're forgettable. Paint brands pay professional namers to make colors feel desirable before anyone sees them on a wall.
List•1 inputClick to open →
Paleta de color según la temperatura emocional
Genera paletas de color cálidas, frías o neutras según la temperatura emocional
A color temperature mood palette generator solves a specific design problem: picking hues that match the emotional register of your project before you're deep in Figma or a CSS file. Temperature is one of the fastest ways to shift how a design feels — warm ambers and burnt siennas read as energetic and welcoming, while cool slates and teals signal calm and authority.
Grid•2 inputsClick to open →
Generador de Colores con Nombre
Genera colores aleatorios con sus nombres comunes más cercanos y códigos hex
A named color generator pairs every randomly produced hue with its closest recognizable color name and exact hex code, so you never hand a client a bare string like #4A7FB5 and hope they picture what you mean. Say 'Steel Blue' instead, and everyone in the room lands in roughly the same place.
List•1 inputClick to open →
Generador de Color Único Aleatorio
Genera un bonito color aleatorio mostrado como muestra a pantalla completa con valores hex, RGB y HSL
A random single color generator gives you one color at a time — hex, RGB, and HSL values included — so you can act on a result immediately without digging through swatches or color wheels. Set the Color Range to any, light, dark, vivid, or muted, then generate until something fits.
Text•1 inputClick to open →
Generador de Sistemas de Color para UI
Genera un sistema de color completo para UI con colores primario, secundario, de acento, de fondo y de texto
A UI color system generator solves one of the most time-consuming parts of interface design: building a harmonized palette from scratch. Instead of manually deriving secondary, accent, surface, and text values from a single brand color, this tool outputs a complete, role-structured set in one click.
List•1 inputClick to open →
Generador de Gradientes CSS
Genera hermoso código de gradientes lineales CSS aleatorios con múltiples paradas de color
The CSS gradient generator creates instant linear-gradient code you can paste directly into any stylesheet. Set the number of color stops (up to 6) and pick a direction — to right, 135deg, or leave it random — and the tool outputs clean, browser-ready CSS in one click.
Text•2 inputsClick to open →
Generador de Paletas Armónicas de 5 Colores
Genera una paleta de 5 colores basada en reglas clásicas de armonía: complementaria, tríada, tetrádica y más
A 5-color harmony palette generator applies proven color theory rules — complementary, triadic, tetradic, analogous, split-complementary, and square — to produce palettes that feel intentional rather than accidental. Each rule defines precise angular relationships on the color wheel, so you get mathematically grounded color sets without manual calculation.
Grid•2 inputsClick to open →
Generador de Paletas con Nombres de Pintura
Genera paletas de colores con nombres evocadores al estilo de las cartas de pintura de las tiendas de bricolaje
A paint color name palette generator bridges the gap between raw hex values and the evocative language that actually moves clients and collaborators. Names like Weathered Sage or Coastal Fog communicate mood, season, and texture in a way a six-digit code never can.
List•2 inputsClick to open →
Generador de Pares de Color Accesibles
Genera pares de color de primer plano y fondo que cumplen los estándares de contraste de accesibilidad WCAG
The accessible color pair generator takes the guesswork out of WCAG compliance by producing verified foreground and background combinations at the contrast level you choose. Contrast failures are the most common accessibility defect found in web audits — and the most avoidable.
List•2 inputsClick to open →
Generador de Escalas de Tintes y Sombras
Genera una escala completa de tintes (más claros) y sombras (más oscuros) a partir de cualquier color base aleatorio
A tints and shades scale generator produces a complete lightness spectrum from any base color, stepping from near-white tints down through rich midtones to near-black shades. Design systems in Tailwind CSS, Material Design, and Ant Design all depend on this kind of structured scale — without one, teams end up with mismatched grays, arbitrary hover colors, and contrast ratios that fail WCAG.
List•2 inputsClick to open →
Generador de Paletas con Historia de Color
Genera paletas de color temáticas y evocadoras inspiradas en lugares, momentos del día y estaciones, con nombres descriptivos
The color story palette generator builds themed color collections anchored to real-world atmospheres — golden hour warmth, midnight city glow, early spring haze, and six other distinct settings. Unlike a generic color picker, every hue ties to a specific scene, giving your choices emotional logic instead of arbitrary preference.
List•1 inputClick to open →
Cuadrícula de Paleta de Colores Aleatoria
Genera una cuadrícula de colores aleatorios y armoniosos con códigos hex
A random color palette grid generator is the fastest way to move from a blank canvas to a working color scheme. This tool produces a grid of harmonious hex colors by sampling across balanced hue, saturation, and lightness ranges — so results are visually coherent, not chaotic.
Grid•1 inputClick to open →
Generador de Esquemas de Color Tetrádicos
Genera un esquema de color tetrádico (rectángulo) de cuatro colores a partir de un tono base aleatorio
A tetradic color scheme generator builds four-color palettes by placing hues exactly 90 degrees apart on the color wheel, forming two complementary pairs in a rectangle arrangement. That geometry gives you more tonal variety than triadic or analogous schemes, but it demands deliberate hierarchy — one dominant hue anchoring the composition while the other three serve as supporting, accent, and background roles.
List•2 inputsClick to open →
Generador de paletas de interfaz para modo oscuro
Genera un sistema de color completo de interfaz en modo oscuro con colores de fondo, superficie y acento
A dark mode UI palette generator does more than invert colors — it produces a structured color system where backgrounds, surfaces, borders, text, accents, and semantic states all work together. This tool outputs a complete set of design tokens in CSS custom property format, covering everything from base background to success and danger states.
List•1 inputClick to open →
Generador de paletas de colores con nombre
Genera una paleta de colores con nombres poéticos descriptivos y códigos hex
A named color palette generator gives your design work something raw hex codes never can: personality. Instead of referencing #D4A574 in a Slack thread, you say 'Burnished Caramel' and everyone pictures it instantly.
List•2 inputsClick to open →
Generador de Fondos con Gradiente CSS
Genera fondos con gradiente lineal CSS aleatorios y código listo para copiar
A random gradient generator produces smooth, ready-to-use CSS colour gradients for backgrounds, buttons, hero sections, and modern interfaces. A good gradient needs colours that blend cleanly rather than turning muddy in the middle, and this generator pairs colours chosen to transition beautifully, handing you the result as copy-ready CSS.
List•2 inputsClick to open →
Generador de Paletas de Primavera y Verano
Genera paletas de color frescas, ligeras y alegres inspiradas en las estaciones de primavera y verano
The spring & summer color palette generator gives designers, marketers, and crafters instant hex colors drawn from seasonal nature. Spring mode pulls from soft botanicals — blush, mint, lavender, pale butter yellow.
List•2 inputsClick to open →
Generador de Formatos de Color Hex
Genera un color aleatorio y lo muestra en formatos HEX, RGB, HSL y variable CSS
A hex color formats generator saves you the context-switching that slows down UI work. Paste a HEX code into Figma, then need rgb() for a React component, hsl() for a Sass mixin, and a CSS custom property for your design tokens?
Text•1 inputClick to open →
Generador de Tríos de Color de Marca
Genera un trío de colores primario, secundario y de acento adecuado para diseño de identidad de marca
A brand color trio generator removes the guesswork from one of the hardest early decisions in identity design: picking colors that work together and fit your industry. Color drives up to 80% of brand recognition on first impression, and a mismatched palette erodes trust before any copy is read.
List•2 inputsClick to open →
Generador de paletas de tonos fríos
Genera una paleta de colores de tonos fríos (azules, verdes, púrpuras)
A cool tone palette generator gives you instant access to randomized blues, teals, purples, and blue-greens — the colors that sit on the cool half of the color wheel. These hues carry strong associations with calm, trust, and clarity, which is why they dominate tech branding, healthcare design, and fintech dashboards.
Grid•1 inputClick to open →
Generador de paletas de tonos cálidos
Genera una paleta de colores de tonos cálidos (rojos, naranjas, amarillos)
A warm tone palette generator gives designers instant access to curated reds, oranges, yellows, and golden ambers — the colors that make food photography pop, autumn campaigns feel nostalgic, and brand identities read as bold and inviting. Warm hues carry real psychological weight: they signal energy, appetite, and comfort, which is why they dominate restaurant branding, harvest graphics, and direct-response ads.
Grid•1 inputClick to open →
Generador de paletas de colores HSL
Genera colores como valores HSL con equivalentes opcionales en hex
The HSL color palette generator creates sets of colors defined by hue, saturation, and lightness — the color model CSS was built around. Each output gives you both the HSL value and its hex equivalent, so you can paste directly into a stylesheet, Figma swatch, or design token file without opening a converter.
List•2 inputsClick to open →
Generador de sistemas de color para interfaces
Genera un sistema de color de interfaz completo con colores primario, secundario, de acento, de fondo y de texto
A UI color system generator gives designers and developers a complete, role-mapped palette in seconds — primary, secondary, accent, background, surface, and text — all structured around real interface jobs rather than arbitrary swatches. Building this manually means resolving contrast ratios, tonal balance, and component-level roles across two themes, which can consume hours.
List•1 inputClick to open →
Generador de nombres de tokens de color
Genera nombres de tokens de diseño y valores hexadecimales para una escala de color
The color token name generator creates a structured, numbered color scale using a prefix and step count you define. Instead of ad-hoc names like "blue-light" or "primary-dark", you get a consistent scale — brand-100 through brand-900 — that maps predictably from lightest to darkest.
List•2 inputsClick to open →
Generador de escala de tintes y sombras
Genera una escala completa de tinte a sombra a partir de un tono base elegido al azar
A tint and shade scale generator builds a complete color ramp from a single base hue, producing every value from near-white tints to near-black shades in one click. Design systems rely on exactly this kind of mathematically spaced scale for button states, text hierarchies, card backgrounds, and dark mode surfaces.
Grid•2 inputsClick to open →
Color Aleatorio con Vista de Contraste
Genera un color aleatorio y lo muestra sobre fondos blanco y negro
The random color with contrast preview generator produces hex colors and instantly shows how each one performs against both black and white backgrounds — contrast ratio included, no tab-switching required. Designers, front-end developers, and accessibility engineers use it to skip the copy-paste loop between color pickers and WCAG checkers.
List•1 inputClick to open →
Generador de Colores Aleatorios Multiformato
Genera colores aleatorios mostrados simultáneamente en formatos HEX, RGB y HSL
A random color multi-format generator solves a specific frustration: you find a color you like, then spend time converting it from HEX to RGB to HSL across different tools. This generator outputs every color in all three formats at once, so you can copy what your workflow needs without a detour.
List•1 inputClick to open →
Generador de Paletas Inspiradas en la Naturaleza
Genera paletas de colores inspiradas en entornos naturales como bosques, desiertos, océanos y praderas
A nature-inspired palette generator solves a real problem: finding color combinations that feel balanced without looking contrived. Natural environments do the work for you — every hue in a forest or desert already coexists in the real world, which is why those tones look harmonious together.
Grid•2 inputsClick to open →
Generador de Colores con Nombre Aleatorios
Genera colores aleatorios con nombres poéticos descriptivos y códigos hexadecimales
A random named color generator solves a surprisingly common problem: hex codes are precise but impossible to discuss in a room full of non-developers. This tool pairs each generated color with a poetic, descriptive name — the kind you'd find on a premium paint swatch — so designers, writers, and brand teams can talk about specific shades without reciting alphanumeric strings.
List•1 inputClick to open →
Generador de Paletas de Colores por Estado de Ánimo
Genera una paleta de colores basada en un estado de ánimo o atmósfera elegidos
A mood-based color palette generator removes the guesswork from emotional color selection, mapping feelings like calm, energetic, or mysterious directly to curated hue, saturation, and lightness ranges. Color psychology underpins every strong visual identity — soft desaturated blues signal trust, deep purples build intrigue, and high-saturation oranges push urgency.
Grid•2 inputsClick to open →
Generador de Colores Hex Aleatorios con Nombre
Genera colores hex aleatorios acompañados de nombres de color descriptivos y creativos
A random hex color with name generator gives you a hex code and a human-readable label in a single output — no separate naming step required. Instead of staring at #4A7B9D and calling it 'blue-ish', you get something like 'Shallow Harbor' or 'Faded Denim': a name that travels well through Figma handoffs, code comments, and team Slack threads.
List•1 inputClick to open →
Generador de Paletas de Color RGB Aleatorias
Genera una paleta de colores aleatorios mostrados como valores RGB junto a sus códigos hex
The random RGB color palette generator creates color combinations and displays them as RGB values, hex codes, or both simultaneously — giving you production-ready color data without manual conversion. Each color is defined by three channels (red, green, blue) on a 0–255 scale, making output immediately usable in CSS, Tailwind config files, design tokens, or any graphics tool that accepts standard color notation.
List•2 inputsClick to open →
Explorador de Paletas de Color HSL
Genera paletas de color variando tono, saturación y luminosidad para un control preciso
The HSL color palette explorer lets designers generate structured color palettes by controlling hue, saturation, and lightness directly — the way humans actually perceive color. Set a base hue (0–360) or use -1 for a random pick, choose how many colors to output, and get a spread of HSL values with hex equivalents ready to paste into CSS or Figma.
List•2 inputsClick to open →
Generador de Paletas de Degradados CSS
Genera cadenas de degradado lineal CSS aleatorias listas para pegar en tus hojas de estilo
The CSS gradient palette generator produces ready-to-paste linear-gradient declarations you can drop straight into a stylesheet, CSS-in-JS file, or Figma plugin — no hand-coding hex values. Each output is a complete gradient string with direction and color stops included, valid in any modern browser without vendor prefixes.
List•2 inputsClick to open →
Generador de Pares de Color con Contraste Seguro
Genera pares de color de primer plano y fondo accesibles que cumplen las pautas de contraste WCAG
The contrast-safe color pair generator produces foreground and background hex pairs verified against WCAG 2.1 contrast ratio standards — no manual checking required. Designers and developers use it to skip the guesswork when building accessible UIs: choose AA (4.5:1) for standard body text compliance or AAA (7:1) for continuous reading and fine print.
List•2 inputsClick to open →
Generador de Paletas de Color Flat Design
Genera paletas de colores flat design llamativas, inspiradas en la estética moderna de UI y material
The flat design color palette generator gives you instant access to bold, curated hex colors drawn from four influential design systems: Flat UI, Google Material Design, Microsoft Metro, and Apple iOS. These aren't random hues — they're the saturated, high-contrast tones that made flat design a global standard for apps and dashboards.
Grid•2 inputsClick to open →
Generador de Color en Todos los Formatos
Genera colores aleatorios mostrados simultáneamente en formatos HEX, RGB y HSL
The full color format generator outputs random colors in HEX, RGB, and HSL notation simultaneously, so you never have to run a separate converter. Front-end developers building CSS custom properties, designers populating Figma swatches, and anyone assembling a design token file can copy the exact notation they need in one step.
List•1 inputClick to open →
Generador de Paletas de Color para Modo Oscuro
Genera paletas de modo oscuro cohesivas con fondos, superficies y colores de acento
A dark mode color palette generator removes the trial-and-error from building accessible, visually layered dark themes. Designers and developers use it to get a complete set of named color roles — backgrounds, surfaces, borders, text levels, and accents — that work together without manual contrast checks.
List•1 inputClick to open →
Generador de Paletas de Color para Impresión (CMYK)
Genera paletas de color aleatorias con valores CMYK adecuadas para proyectos de diseño de impresión
A print color palette generator built around CMYK values gives graphic designers ink-ready color combinations without manually converting from RGB. Each palette shows C, M, Y, and K percentages alongside a hex preview so you can evaluate colors on screen while keeping accurate values for press.
List•2 inputsClick to open →
Generador de Paletas de 8 Colores
Genera una paleta armoniosa de 8 colores con códigos hex y nombres
An 8-color palette generator solves a specific design frustration: building a complete, balanced color set from scratch without spending an hour pushing sliders. This tool spaces hues at 45-degree increments around the color wheel, then applies your chosen style — vibrant, pastel, dark, or muted — to tune saturation and lightness across all eight colors at once.
Grid•1 inputClick to open →
Generador de Pares de Color de Texto Accesibles
Genera pares de color de fondo y texto que cumplen las pautas de contraste WCAG
The accessible text color pair generator takes the guesswork out of WCAG compliance by producing background and foreground color combinations that are mathematically verified to pass contrast standards before you see them. Designers often waste hours running hex codes through separate checkers, only to catch failures late in the build.
List•2 inputsClick to open →
Explorador de Colores HSL
Genera colores aleatorios con desgloses HSL completos y salida lista para CSS
The HSL color explorer generates random HSL colors with full hue, saturation, and lightness breakdowns, hex equivalents, and copy-ready CSS syntax. HSL is the preferred format for CSS work because each parameter maps directly to something visual: hue sets the color family on a 0–360 degree wheel, saturation controls vividness, and lightness determines how close a color sits to white or black.
List•2 inputsClick to open →
Generador de Paletas de 5 Colores
Genera una paleta de diseño clásica de 5 colores usando reglas de armonía cromática
A 5-color palette generator built on real color harmony rules gives designers something most random palette tools skip: mathematically related colors. Choose complementary, triadic, analogous, or tetradic harmony and the generator spaces hues the way a trained colorist would.
Grid•2 inputsClick to open →
Generador Creativo de Nombres de Color
Genera nombres poéticos y creativos para colores aleatorios, como una marca de pinturas
A creative color name generator solves one of design's most overlooked problems: what do you actually call a color once you've picked it? Paint brands like Farrow & Ball built cult followings on names like Elephant's Breath and Dead Salmon — specific, slightly unexpected words that trigger a feeling before you see the swatch.
List•2 inputsClick to open →
Generador de Variables de Color CSS
Genera un conjunto de propiedades personalizadas (variables) CSS con nombre para una paleta de colores
The CSS color variables generator produces a ready-to-paste :root block of named custom properties in seconds. Set how many variables you need, define a prefix that matches your project's naming layer (color, brand, theme), and choose hex, RGB, or HSL output.
Text•3 inputsClick to open →
Generador de Paletas de Color por Estación
Genera paletas de colores inspiradas en las cuatro estaciones con tonos a juego con el ánimo
A seasonal color palette generator removes the guesswork from color selection by surfacing mood-matched tones rooted in nature's own palette logic. Designers, marketers, and content creators use it to build palettes that feel instinctively right for a time of year — spring's soft sage and blush, summer's saturated aquas, autumn's burnt sienna and pumpkin, winter's icy slate and navy.
Grid•2 inputsClick to open →
Generador de Escalas de Tintes y Sombras de Color
Genera una escala completa de 10 pasos de tinte a sombra a partir de un solo color base aleatorio o personalizado
A color tint and shade scale generator saves hours of manual lightness-tweaking by producing a complete, evenly distributed color ramp from a single base hue. Designers building Tailwind configs, Figma token sets, or CSS custom property files all need the same thing: a reliable progression from near-white to near-black that holds one hue constant.
List•2 inputsClick to open →
Generador de Paletas de Color por Estado de Ánimo
Genera paletas de colores adaptadas a estados de ánimo y atmósferas específicos
A mood color palette generator solves a specific design problem: translating an emotional brief into actual hex values you can use. Pick one of eight moods — calm, energetic, romantic, mysterious, playful, professional, melancholic, or hopeful — set how many colors you need (anywhere from a tight three-color scheme to a richer set of seven), and get a palette where hue, saturation, and lightness work together to deliver a consistent emotional signal.
Grid•2 inputsClick to open →
Generador de Pares de Degradado CSS
Genera bonitas cadenas de degradado CSS de dos colores listas para pegar en tu hoja de estilo
A CSS gradient pair generator gives you complete linear-gradient() declarations, ready to paste directly into your stylesheet. No guessing at color combinations, no tweaking hex codes by hand.
List•3 inputsClick to open →
Generador de box-shadow de CSS
Genera declaraciones box-shadow de CSS listas para usar, de sutiles a dramáticas
A CSS box-shadow generator produces ready-to-paste box-shadow declarations, from a barely-there subtle lift to a dramatic, layered elevation. Shadows are what give a flat interface depth — cards, buttons, modals, and dropdowns all rely on them — but dialling in the right offset, blur, and opacity by hand is fiddly.
Text•1 inputClick to open →
Generador de Colores RGB Aleatorios
Genera un color aleatorio que puedes leer como RGB, hex o HSL
A random RGB color generator picks a color at random from across the full spectrum and shows it as a live swatch you can read as RGB, hex, or HSL. It is the fastest way to break out of a creative rut, find an unexpected color for a design, assign distinct colors to chart categories, or simply explore the range of what is possible.
Color•0 inputsClick to open →
Generador de Paletas Pastel
Genera suaves paletas de color pastel con códigos hex para diseños delicados y relajantes
A pastel palette generator creates soft, muted color palettes with hex codes for gentle, calming designs. Pastels — those light, low-saturation tints — are everywhere in modern design, from wedding stationery and nursery decor to airy app interfaces and dreamy brand identities, because they feel soothing and approachable.
Grid•1 inputClick to open →
Generador de paletas de Material Design
Genera paletas de color al estilo Material Design con tonos llamativos y accesibles
A Material Design palette generator builds color palettes using the bold, accessible hues of Google's Material Design system. Material colors are carefully chosen to be vivid, legible, and harmonious, which is why they have become a default for clean, modern app and web interfaces.
Grid•1 inputClick to open →
Generador de Tonos de Color Tailwind
Genera una escala de tonos estilo Tailwind del 50 al 900 a partir de un tono base con códigos hex
A Tailwind color shade generator builds a full 50-to-900 shade scale from a single base hue, the way Tailwind CSS organises its color palette. Tailwind's genius is its consistent shade scale — a light 50 for backgrounds, a mid 500 for buttons, a deep 900 for text — and recreating that for a custom brand color by hand is tedious and error-prone.
Grid•1 inputClick to open →
Generador de paletas de color de marca
Genera una paleta de color de marca equilibrada con códigos hex primario, de acento y neutros
A brand color palette generator builds a balanced, ready-to-use brand scheme with a primary, an accent, and supporting neutral colors. A strong brand palette is more than one nice color — it needs a clear lead color, a contrasting accent for calls to action, and light, dark, and neutral tones that hold everything together.
Grid•1 inputClick to open →
Generador de Degradados de Atardecer
Genera paradas de color de degradado cálido de atardecer con códigos hex para fondos
A sunset gradient generator creates warm, dreamy gradient color stops that fade from deep dusk purples into glowing orange and gold, just like a real sunset. Sunset gradients are a design favourite for hero backgrounds, app splash screens, posters, and social graphics because they feel warm, optimistic, and eye-catching.
Grid•1 inputClick to open →
Generador de paletas de colores fríos
Genera paletas relajantes de tonos fríos en azules, verdes y morados con códigos hex
A cool color palette generator creates calming, cool-toned schemes built from blues, greens, and purples. Cool colors sit on the restful side of the color wheel and are associated with calm, trust, and focus, which is why they dominate the branding of tech, finance, healthcare, and wellness.
Grid•1 inputClick to open →
Generador de Paletas Vaporwave
Genera paletas de color vaporwave retro con rosas, púrpuras y cianes neón
A vaporwave palette generator creates retro color schemes drenched in the neon pinks, electric purples, and glowing cyans of the vaporwave aesthetic. Vaporwave is the dreamy, nostalgic look that revives 1980s and 90s computer graphics, sunset grids, and Greek-statue album art, and its colors are unmistakable: hot magenta, synth purple, and miami-cyan against deep dusk tones.
Grid•1 inputClick to open →
Generador de Paletas de Otoño
Genera cálidas paletas de color otoñales de tonos óxido, ámbar y bosque con códigos hex
An autumn palette generator creates warm, earthy color schemes drawn from the season's falling leaves — rust red, burnt orange, golden amber, mustard yellow, and deep forest green. Autumn colors feel cosy, rich, and grounded, which makes them a go-to for seasonal marketing, weddings, cosy branding, and homeware that wants warmth and depth.
Grid•1 inputClick to open →
Generador de Códigos Hex Aleatorios
Genera un único código de color hex aleatorio, opcionalmente claro, oscuro o vívido, con un clic
A random hex color generator gives you a single random hex color with one click, optionally biased toward light, dark, or vivid shades. Sometimes you do not need a whole palette — you just want one good color: a placeholder, a background fill, a test swatch, or a spark of inspiration to break a creative block.
Color•1 inputClick to open →
Generador de Colores Complementarios Divididos
Genera un esquema de color complementario dividido y equilibrado a partir de un tono base con códigos hex
A split-complementary color generator builds a balanced, high-contrast color scheme from a single base hue. The split-complementary scheme takes a base color and pairs it with the two hues either side of its direct complement, giving you the strong contrast of a complementary pairing but with more nuance and less visual tension.
List•1 inputClick to open →
Generador de paletas de colores análogos
Genera paletas análogas armoniosas a partir de matices vecinos en la rueda de color
An analogous color palette generator builds harmonious schemes from colors that sit next to each other on the color wheel. Analogous palettes — think a run of blues into teals, or oranges into yellows — feel calm and cohesive because the hues naturally belong together, which makes them a favourite for backgrounds, illustrations, and serene brand looks.
Grid•1 inputClick to open →
Generador de paletas de colores triádicas
Genera paletas triádicas equilibradas a partir de tres tonos espaciados uniformemente
A triadic color palette generator builds vibrant, balanced schemes from three hues spaced evenly around the color wheel. Triadic palettes are a designer favourite because they feel lively and full of contrast while staying harmonious — the even spacing keeps any one color from overwhelming the others.
Grid•0 inputsClick to open →
Generador de paletas de colores tetrádicas
Genera paletas tetrádicas ricas a partir de dos pares de colores complementarios
A tetradic color palette generator builds rich, varied schemes from four hues arranged as two complementary pairs. Also called a double-complementary scheme, a tetradic palette offers the widest range of any standard harmony — warm and cool, light and dark all in one set — which gives a design plenty to work with.
Grid•0 inputsClick to open →
Generador de Paletas de Color Monocromáticas
Genera elegantes paletas monocromáticas a partir de un solo tono con distinta luminosidad
A monochromatic color palette generator builds elegant, cohesive schemes from a single hue varied only in lightness and saturation. Monochromatic palettes are the safest, most refined harmony there is — because every color shares one hue, they can never clash, which makes them ideal for minimal, sophisticated, and professional designs.
Grid•1 inputClick to open →
Generador de Paletas de Color Duotono
Genera llamativas paletas duotono que combinan dos colores en una rampa de gradiente
A duotone color palette generator builds striking two-color schemes that blend a dark shade into a light one across a smooth ramp. Duotone is the look behind countless modern posters, album covers, and photo treatments — two colors mapped onto shadows and highlights for an image that feels bold and contemporary.
Grid•1 inputClick to open →
Generador de rampas de sombras de color
Genera una rampa numerada de sombras de claro a oscuro a partir de un solo tono base
A color shade ramp generator turns a single hue into a numbered light-to-dark scale, the kind of 50-to-900 ramp that powers modern design systems. Picking ten balanced shades of one color by hand is fiddly, and uneven steps make a UI feel inconsistent.
Grid•1 inputClick to open →
Generador de código de degradados CSS
Genera código linear-gradient de CSS listo para pegar con colores armoniosos
A CSS gradient code generator produces ready-to-paste linear-gradient declarations with colors that actually look good together. Hand-writing gradient CSS means juggling angles, hex codes, and color stops, and random pairs often turn muddy where they blend.
Text•1 inputClick to open →
Generador de pares de color de alto contraste
Genera pares de color de fondo y texto con un contraste fuerte y legible
A high-contrast color pair generator produces a background and text color combination with strong, readable contrast every time. Low-contrast text is one of the most common accessibility failures on the web — pale grey on white may look elegant, but it leaves many readers struggling.
Grid•0 inputsClick to open →
Generador de paletas de color en tonos café
Genera paletas cálidas inspiradas en el café, con marrones, cremas y caramelos
A coffee tone color palette generator produces warm, inviting schemes built from the browns, creams, and caramels of a good cup of coffee. These earthy, cosy tones are everywhere in branding for cafés, bakeries, and artisan products, and in interiors and designs that should feel warm and grounded.
Grid•1 inputClick to open →
Generador de paletas de color rosa empolvado
Genera paletas suaves de rosa empolvado y rosado con rosas delicados y románticos
A blush pink color palette generator produces soft, romantic schemes built from gentle blushes, roses, and powder pinks. Blush tones are a mainstay of elegant, feminine, and calming design — they appear in wedding stationery, beauty branding, lifestyle blogs, and any look that should feel tender and refined.
Grid•1 inputClick to open →
Generador de Paletas de Color de Otoño
Genera cálidas paletas de otoño con tonos óxido, ámbar, dorado y verde profundo
An autumn color palette generator produces warm, cosy schemes built from the colors of fall — rust, amber, gold, burnt orange, and deep forest green. Autumn palettes feel rich and grounded, which makes them perfect for seasonal branding, harvest and Thanksgiving designs, cosy interiors, and any look that should feel warm.
Grid•1 inputClick to open →
Generador de Paletas de Color de Primavera
Genera frescas paletas de primavera con verdes suaves, rosas y tonos cielo
A spring color palette generator produces fresh, light schemes built from the colors of spring — soft greens, blossom pinks, pale yellows, and clear sky blues. Spring palettes feel airy and optimistic, which makes them ideal for seasonal branding, Easter and garden themes, wedding stationery, and any design that should feel bright and renewing.
Grid•1 inputClick to open →
Generador de Paletas de Color Caramelo
Genera divertidas paletas dulces y brillantes con colores saturados y juguetones
A candy color palette generator produces fun, sweet schemes of bright, saturated colors that look good enough to eat. Candy palettes are bold and playful — bubblegum pinks, lime greens, sunny yellows, and electric blues — making them perfect for children's brands, sweet shops, party themes, and anything that should feel joyful and energetic.
Grid•1 inputClick to open →
Generador de Paletas de Color Terracota
Genera cálidas paletas terracota con tonos de arcilla, óxido y tierra arenosa
A terracotta color palette generator produces warm, earthy schemes built from clay, rust, and sandy tones. Terracotta has become a designer favourite for its grounded, organic warmth — the colour of sun-baked pots and Mediterranean rooftops — and it suits interiors, lifestyle brands, ceramics, and natural, artisanal looks.
Grid•1 inputClick to open →
Generador de Paletas de Color Nórdicas
Genera serenas paletas escandinavas de grises fríos, azules apagados y blancos suaves
A Nordic color palette generator produces calm, minimal schemes in the Scandinavian style — cool greys, muted blues, soft whites, and the occasional muted sage. Nordic design is loved for its restraint and serenity, and this palette is its foundation: quiet, natural, and effortlessly modern.
Grid•1 inputClick to open →
Generador de Rampa de Tonos de Escala de Grises
Genera una rampa equilibrada de escala de grises de claro a oscuro con etiquetas de peso
A grayscale shade ramp generator builds a balanced scale of greys from near-white to near-black, the neutral backbone of any design system. Greys do an enormous amount of work in interfaces — backgrounds, borders, text, dividers, disabled states — and an uneven set of greys makes a UI feel subtly inconsistent.
Grid•1 inputClick to open →
Generador de Paletas Seguras para Daltonismo
Genera paletas accesibles a partir del conjunto Okabe-Ito apto para daltónicos
A colorblind-safe palette generator gives you accessible colors drawn from the Okabe-Ito set, a palette designed to stay distinguishable for people with the most common forms of color vision deficiency. Around one in twelve men has some color blindness, so charts and interfaces that rely on red-versus-green to convey meaning can fail a real share of users.
Grid•1 inputClick to open →
Generador de Pares de Colores Complementarios
Genera pares de colores complementarios de alto contraste a partir de tonos opuestos
A complementary color pair generator produces two colors from opposite sides of the color wheel, the highest-contrast pairing in color theory. Complementary colors — like blue and orange or red and green — make each other look more vivid, which is why they are used to create eye-catching accents and bold, energetic designs.
Grid•0 inputsClick to open →
Generador de Colores Cálidos Aleatorios
Genera un único color cálido aleatorio en el rango del rojo al amarillo
A random warm color generator produces a single warm hex color from the red-through-yellow side of the color wheel. Warm colors — reds, oranges, ambers, and yellows — feel energetic, inviting, and cosy, and they are what you reach for when a design should feel lively rather than calm.
Color•0 inputsClick to open →
Generador de Colores Fríos Aleatorios
Genera un único color frío aleatorio en el rango del verde al azul
A random cool color generator produces a single cool hex color from the green-through-blue side of the color wheel. Cool colors — greens, teals, blues, and indigos — feel calm, trustworthy, and spacious, which is why they dominate so much of web and brand design.
Color•0 inputsClick to open →
Generador de Paletas de Color Verde Azulado
Genera paletas serenas en verde azulado que combinan tonos azul-verde
A teal color palette generator produces calm, balanced schemes built from teal — the blue-green family that sits between cool and refreshing. Teal is a favourite for tech, wellness, and finance brands because it feels modern, trustworthy, and clean all at once.
Grid•1 inputClick to open →
Generador de Paletas de Color Lavanda
Genera suaves paletas lavanda con tonos púrpura delicados
A lavender color palette generator produces soft, soothing schemes built from lavender — the gentle, pale purple of the flower. Lavender feels calm, elegant, and a little dreamy, which makes it popular for wellness, beauty, and lifestyle brands, as well as restful interfaces.
Grid•1 inputClick to open →
Generador de paletas verde esmeralda
Genera paletas esmeralda intensas con tonos verdes lujosos
An emerald green palette generator produces rich, luxurious schemes built from emerald — the deep, jewel-like green of the gemstone. Emerald feels sophisticated, natural, and opulent all at once, which is why it appears in luxury branding, elegant interiors, and designs that want a touch of richness.
Grid•1 inputClick to open →
Generador de Paletas Púrpura Real
Genera regias paletas púrpura de tonos profundos y majestuosos
A royal purple palette generator produces deep, majestic schemes built from royal purple — the colour long associated with royalty, luxury, and power. Purple was once so costly to produce that only the wealthy could wear it, and it still carries that air of richness and prestige.
Grid•1 inputClick to open →
Generador de Paletas de Gris Pizarra
Genera sofisticadas paletas de gris pizarra con matices azules fríos
A slate gray palette generator produces sophisticated, cool-toned grey schemes with a subtle blue undertone, like the stone they are named after. Slate greys are a designer staple for a reason: they feel modern, professional, and calm, and they make an excellent neutral backbone for almost any design.
Grid•1 inputClick to open →
Generador de Paletas Arcoíris Pastel
Genera un suave arcoíris pastel que abarca todos los tonos
A pastel rainbow palette generator produces a soft, cheerful spread of pastel colors spanning the whole rainbow. Where a normal rainbow is bold and saturated, a pastel rainbow keeps every hue but softens it, creating a palette that feels playful and gentle at the same time.
Grid•1 inputClick to open →
Generador de Paletas UI para Modo Oscuro
Genera una paleta de interfaz para modo oscuro equilibrada con fondos y superficies profundos
A dark mode UI palette generator produces a balanced set of dark backgrounds, surfaces, and accents for a comfortable dark interface. Good dark mode is harder than just inverting colors — it needs near-blacks rather than pure black, layered surface shades to show depth, and an accent bright enough to stand out without glaring.
Grid•1 inputClick to open →
Generador de Colores Vibrantes Aleatorios
Genera un único color audaz, vibrante y muy saturado
A random vibrant color generator produces a single bold, highly saturated color full of energy. Vibrant colors grab attention and create excitement, which makes them perfect for accents, calls-to-action, highlights, and anything that needs to pop.
Color•0 inputsClick to open →
Generador de Colores Apagados Aleatorios
Genera un único color suave, apagado y de baja saturación
A random muted color generator produces a single soft, low-saturation color with a calm, sophisticated feel. Muted colors are the opposite of vibrant — gentle and understated, they create palettes that feel mature, refined, and easy to live with.
Color•0 inputsClick to open →
Generador de color de acento de marca
Genera un único color de acento seguro, ideal para la marca y los detalles de la interfaz
A brand accent color generator produces a single confident accent — the color that brings a brand or interface to life. Most designs rest on neutrals, and the accent is the one color that carries the personality: it marks the buttons, links, highlights, and key actions that you want people to notice.
Color•0 inputsClick to open →
Generador de Paletas Verde Salvia
Genera serenas paletas verde salvia de verdes suaves y apagados
A sage green palette generator produces calm, muted greens inspired by the sage herb. Sage has become one of the most popular colors in modern design — soft, natural, and soothing, it sits beautifully between green and grey without ever feeling loud.
Grid•1 inputClick to open →
Generador de paletas de color burdeos
Genera paletas burdeos ricas de tonos rojo vino profundos
A burgundy color palette generator produces rich, sophisticated schemes built from burgundy — the deep, wine-red color named after the famous French wine region. Burgundy reads as elegant, warm, and a little luxurious, which makes it a favourite for upscale branding, fashion, and autumn and winter designs.
Grid•1 inputClick to open →
Generador de paletas amarillo mostaza
Genera paletas cálidas de mostaza con amarillos dorados y terrosos
A mustard yellow palette generator produces warm, earthy schemes built from mustard — the golden, slightly muted yellow that feels both retro and contemporary. Mustard adds warmth and personality without the harshness of a bright primary yellow, which makes it a favourite for vintage-inspired design, autumn themes, and brands wanting a friendly, distinctive accent.
Grid•1 inputClick to open →
Generador de Paletas Rosa Empolvado
Genera suaves paletas rosa empolvado de rosas apagados y románticos
A dusty rose palette generator produces soft, muted pinks with a gentle, grown-up elegance. Dusty rose is pink with the brightness dialled down toward grey, which gives it a romantic but sophisticated feel — far more refined than a candy pink.
Grid•1 inputClick to open →
Generador de paletas azul medianoche
Genera paletas profundas de azul medianoche con azules oscuros y sofisticados
A midnight blue palette generator produces deep, sophisticated schemes built from midnight blue — the dark, rich blue of a clear night sky. Midnight blue is elegant and trustworthy, calmer and more refined than black, which makes it a favourite for premium branding, finance and tech, and sleek dark interfaces.
Grid•1 inputClick to open →
Generador de paletas de colores tropicales
Genera paletas tropicales vibrantes con colores brillantes y exóticos
A tropical color palette generator produces vibrant, exotic schemes inspired by tropical paradise — turquoise seas, bright coral, lush green, and sunset orange. Tropical palettes are bold and joyful, perfect for travel, summer, and any design that should feel warm, lively, and full of energy.
Grid•1 inputClick to open →
Generador de paletas hora dorada
Genera paletas cálidas de la hora dorada con luz suave de atardecer
A golden hour palette generator produces warm, glowing schemes inspired by golden hour — the soft, golden light just after sunrise and before sunset that photographers love. These palettes are warm and dreamy, all honey, amber, peach, and soft gold, perfect for designs that should feel cosy, romantic, and inviting.
Grid•1 inputClick to open →
Generador de Paletas de Color Retro de los 80
Genera audaces paletas retro de los años 80 con nostalgia neón y pastel
A retro 80s color palette generator produces bold, nostalgic schemes inspired by the 1980s — hot pink, electric cyan, sunny yellow, and vivid purple. The eighties aesthetic is having a lasting revival, and its high-energy mix of neon brights and saturated tones is perfect for designs that should feel fun, retro, and full of attitude.
Grid•1 inputClick to open →
Generador de color pastel aleatorio
Genera un único color pastel suave y claro
A random pastel color generator produces a single soft, light pastel — the gentle, low-saturation colors that feel calm and friendly. Pastels are pale tints with plenty of white mixed in, which gives them their soothing, approachable quality, and they are everywhere in modern design, from baby brands to soft, aesthetic websites.
Color•0 inputsClick to open →
Generador de Colores Tierra Aleatorios
Genera un único color natural y terroso entre marrones, verdes y ocres
A random earth tone color generator produces a single natural, earthy color drawn from the browns, ochres, terracottas, and muted greens of the natural world. Earth tones feel grounded, warm, and organic, which makes them a favourite for natural brands, interiors, and any design that should feel calm and rooted.
Color•0 inputsClick to open →
Generador de paletas color melocotón
Genera paletas suaves de melocotón con tonos cálidos de albaricoque
A peach color palette generator produces soft, warm schemes built from peach — the gentle blend of pink and orange found in the fruit. Peach feels fresh, friendly, and a little nostalgic, which makes it popular for lifestyle and beauty brands, weddings, and warm, approachable designs.
Grid•1 inputClick to open →
Generador de Paletas Verde Oliva
Genera terrosas paletas verde oliva de verdes apagados y naturales
An olive green palette generator produces earthy, muted greens with a warm, natural quality, inspired by the olive tree. Olive sits between green and brown, which gives it a grounded, military-meets-organic feel that suits rugged, natural, and vintage designs.
Grid•1 inputClick to open →
Generador de Paletas de Color Coral
Genera vibrantes paletas coral de tonos cálidos rosa-naranja
A coral color palette generator produces warm, lively schemes built from coral — the bright blend of pink and orange named after the sea creature. Coral is energetic yet soft, cheerful without being harsh, which makes it a favourite for summer, lifestyle, and modern brands wanting warmth and personality.
Grid•1 inputClick to open →
Generador de paletas de verde menta
Genera paletas frescas de verde menta de verdes fríos y suaves
A mint green palette generator produces fresh, cool schemes built from mint — the light, soft green named after the herb. Mint feels clean, calm, and refreshing, which makes it a favourite for wellness, healthcare, and modern brands wanting a crisp, soothing look.
Grid•1 inputClick to open →
Generador de paletas oro rosa
Genera paletas elegantes de oro rosa con tonos metálicos rosados
A rose gold palette generator produces elegant, warm schemes built from rose gold — the soft, pink-tinged metallic that has become a symbol of modern luxury. Rose gold feels refined, romantic, and contemporary all at once, which makes it a favourite for beauty, jewellery, weddings, and premium brands.
Grid•1 inputClick to open →
Generador de paletas púrpura ciruela
Genera paletas intensas de ciruela con tonos púrpura-rojizos profundos
A plum purple palette generator produces rich, sophisticated schemes built from plum — the deep, slightly reddish purple of the ripe fruit. Plum feels luxurious, moody, and warm, sitting between purple and burgundy, which makes it a favourite for premium brands, autumn and winter designs, and elegant, dramatic looks.
Grid•1 inputClick to open →
Generador de paletas azul hielo
Genera paletas azul hielo frescas y nítidas de tonos pálidos y escarchados
An ice blue palette generator produces cool, crisp schemes built from ice blue — the pale, frosty blue of ice and a clear winter sky. Ice blue feels clean, calm, and refreshing, with a hint of cool elegance, which makes it a favourite for winter themes, tech and healthcare brands, and serene, minimal designs.
Grid•1 inputClick to open →
Generador de paletas crema y beige
Genera paletas neutras cálidas de crema, beige y tostado suave
A cream beige palette generator produces warm, soft neutral schemes built from cream, beige, and tan — the calm, organic colors of natural materials. These warm neutrals are the quiet backbone of so much modern design, feeling elegant, timeless, and soothing, and they suit minimal interiors, lifestyle brands, and any look that should feel calm and refined.
Grid•1 inputClick to open →
Generador de color tono joya aleatorio
Genera un único color tono joya rico y saturado
A random jewel tone color generator produces a single rich, deep, saturated color inspired by precious gemstones — emerald green, sapphire blue, ruby red, amethyst purple, and citrine gold. Jewel tones feel luxurious, dramatic, and sophisticated, far richer than everyday brights, which makes them a favourite for premium branding, fashion, and elegant, opulent designs.
Color•0 inputsClick to open →
Generador de color neón aleatorio
Genera un único color neón eléctrico y brillante
A random neon color generator produces a single electric, glowing color with maximum intensity. Neon colors are the brightest, most saturated colors there are — hot pink, electric cyan, lime green, vivid magenta — and they grab attention instantly, which makes them perfect for bold accents, gaming and music brands, and anything with a retro or cyberpunk edge.
Color•0 inputsClick to open →
Generador de paletas flor de cerezo
Genera paletas suaves de flor de cerezo con delicados tonos rosa y blanco
A cherry blossom palette generator produces soft, romantic schemes inspired by sakura — the delicate pinks and whites of cherry blossoms in spring. Cherry blossom palettes feel gentle, fresh, and a little dreamy, which makes them perfect for spring branding, wedding stationery, beauty products, and any design that should feel light and serene.
Grid•1 inputClick to open →
Generador de paletas de escarcha ártica
Genera paletas árticas frescas de azules helados, blancos y grises escarchados
An arctic frost palette generator produces cool, crisp schemes inspired by polar landscapes — icy blues, pristine whites, and frosty greys. Arctic palettes feel clean, calm, and refreshingly cold, which makes them ideal for winter themes, tech and healthcare brands, and minimal, serene designs.
Grid•1 inputClick to open →
Generador de paletas de arena del desierto
Genera paletas cálidas de desierto de tonos de arena, arcilla y horneados por el sol
A desert sand palette generator produces warm, earthy schemes inspired by desert landscapes — soft sand, warm clay, and sun-baked terracotta. Desert palettes feel natural, calm, and grounded, with a warmth that suits boho and lifestyle brands, travel design, interiors, and any look that should feel organic and inviting.
Grid•1 inputClick to open →
Generador de paletas dosel del bosque
Genera paletas profundas de bosque con verdes ricos y marrones de la espesura
A forest canopy palette generator produces deep, natural schemes inspired by the woodland — rich greens, shadowy moss tones, and earthy bark browns. Forest palettes feel grounded, calming, and organic, with a depth that suits outdoor and eco brands, nature design, and any look that should feel rooted and serene.
Grid•1 inputClick to open →
Generador de paletas galaxia y nebulosa
Genera paletas cósmicas de galaxia con púrpuras profundos, azules y rosas estelares
A galaxy nebula palette generator produces deep, cosmic schemes inspired by space — rich purples, midnight blues, and starlit pinks, like a nebula glowing in the dark. Galaxy palettes feel dramatic, mysterious, and dreamy, which makes them perfect for gaming and music brands, sci-fi design, posters, and any look that should feel otherworldly.
Grid•1 inputClick to open →
Generador de tonos terrosos
Genera paletas terrosas y arraigadas de marrones, ocres y verdes apagados
An earthy tone generator produces grounded, natural palettes built from the browns, ochres, terracottas, and muted greens of the natural world. Earthy tones feel warm, organic, and calming, which makes them a favourite for natural and eco brands, interiors, and any design that should feel rooted and dependable.
Grid•1 inputClick to open →
Generador de esquemas de color triádicos
Genera esquemas de color triádicos equilibrados a partir de tres matices equidistantes
A triadic color scheme generator builds vibrant, balanced palettes from three hues spaced evenly around the color wheel. Triadic schemes are a designer favourite because they feel lively and full of contrast while staying harmonious — the even, 120-degree spacing keeps any one color from dominating.
Grid•1 inputClick to open →
Generador de paletas cálido-frío
Genera paletas equilibradas que mezclan colores cálidos y fríos para dar contraste
A warm cool palette generator builds balanced schemes that pair warm colors with cool ones for natural, pleasing contrast. Mixing temperatures is one of the oldest tricks in color design — a warm accent against a cool base, or vice versa, creates energy and depth that a single-temperature palette cannot.
Grid•1 inputClick to open →
Generador de prompts para extraer colores de marca
Genera prompts de IA para extraer una paleta de colores de marca a partir de una descripción o imagen
A brand color extractor prompt generator writes ready-to-use AI prompts that turn a brand description into a usable color palette. Getting a coherent brand palette out of an AI assistant depends entirely on how you ask, and a vague prompt yields a vague answer.
Text•1 inputClick to open →
Generador de prompts de simulación de daltonismo
Genera prompts de IA para comprobar una paleta de colores frente al daltonismo
A color blindness simulation prompt generator writes ready-to-use AI prompts for checking whether a color palette works for people with color vision deficiency. Around one in twelve men has some form of color blindness, so palettes that rely on red-versus-green contrast can fail a real share of users — but checking for this is easy to forget.
Text•0 inputsClick to open →
Generador de esquemas de color para sitios web
Genera un esquema de color coordinado para un sitio web según el estilo de diseño elegido
A website color scheme generator gives you a coordinated set of colors ready to drop into a site design, matched to the style you are going for. Choose Modern, Corporate, Playful, or Minimal, set how many colors you want, and it returns a balanced palette covering dark and light tones plus an accent, so you have everything from backgrounds and text to call-to-action buttons.
Grid•2 inputsClick to open →
Generador de paletas para modo oscuro
Genera una paleta de interfaz en modo oscuro con fondos profundos y acentos brillantes
A dark mode palette generator builds the colors you need for a dark interface that looks intentional rather than just inverted. Pick an accent theme — Blue, Purple, Green, or Amber — and it returns a layered set of deep background shades, mid-tone surfaces for cards and panels, a bright accent for interactive elements, and a soft near-white for text.
Grid•2 inputsClick to open →
Generador de Paletas de Color para Impresión
Genera paletas de color apagadas y aptas para impresión que se reproducen bien en papel
A print color palette generator produces muted, low-saturation color sets that reproduce reliably on paper, where screens and presses do not match. Pick a mood — Editorial, Warm, Cool, or Earthy — and it returns colors that avoid the punchy neons and pure brights that look great on a monitor but turn muddy or oversaturated in CMYK printing.
Grid•2 inputsClick to open →
Generador de paletas estacionales
Genera una paleta de color ajustada al ambiente de una estación elegida
A seasonal palette generator produces colors that evoke the mood of a chosen time of year, so your design feels in step with the season. Select Spring, Summer, Autumn, or Winter and it returns a coordinated set — soft pastels and fresh greens for spring, bright saturated tones for summer, warm rusts and ambers for autumn, cool blues and frosted neutrals for winter.
Grid•2 inputsClick to open →
Generador de colores vintage
Genera paletas de color apagadas y retro inspiradas en décadas pasadas
A vintage color generator creates faded, nostalgic palettes inspired by the look of past decades, perfect when you want a retro feel that reads as authentic rather than just old. Pick an era — the soft pastels of the 1950s, the bold contrasts of the 1960s, the earthy oranges and browns of the 1970s, or the neon-meets-navy energy of the 1980s — and it returns a coordinated set of period-appropriate tones.
Grid•2 inputsClick to open →
Generador de colores cyberpunk
Genera paletas cyberpunk de neón sobre oscuro con colores de acento eléctricos
A cyberpunk color generator creates the electric neon-on-dark palettes that define the genre — glowing pinks, cyans, and acid greens set against deep, near-black backgrounds. Pick a vibe like Neon Noir, Synthwave, Toxic, or Hologram and it returns a coordinated set built for high-contrast, futuristic looks.
Grid•2 inputsClick to open →
Generador de Paletas de Color de la Naturaleza
Genera paletas de color orgánicas inspiradas en paisajes naturales
A nature color palette generator produces organic, earthy color sets drawn from natural landscapes, ideal for designs that should feel calm, grounded, and authentic. Choose a landscape — Forest, Ocean, Desert, or Meadow — and it returns harmonious tones pulled from that environment, from deep canopy greens and bark browns to sea blues, sandy ochres, and wildflower accents.
Grid•2 inputsClick to open →
Generador de colores para marcas de alimentación
Genera paletas apetitosas adecuadas para marcas de comida y bebida
A food brand color generator creates appetizing palettes tuned to how color shapes our perception of taste and freshness. Pick a category — Fresh & Healthy, Bakery & Sweet, Bold & Spicy, or Premium & Dark — and it returns colors that suit that food story, from vibrant greens and citrus for healthy products to warm caramels for bakeries, fiery reds for spice, and rich browns and golds for premium lines.
Grid•2 inputsClick to open →
Generador de colores para equipos deportivos
Genera paletas audaces y de alto contraste para equipos y equipaciones deportivas
A sport team color generator builds the bold, high-contrast palettes that make team kits, logos, and fan merchandise instantly recognisable. Pick a style — Classic, Fierce, Cool, or Retro — and it returns a strong primary and secondary pairing plus supporting tones and a clean neutral, the structure most teams use across uniforms, crests, and signage.
Grid•2 inputsClick to open →
Generador de degradados arcoíris
Genera un degradado arcoíris suave de tonos equidistantes como códigos hexadecimales
A rainbow gradient generator produces a smooth spectrum of evenly-spaced colors, sweeping through red, orange, yellow, green, blue, indigo, and violet as clean hex codes. Choose how many stops you want and it spaces the hues evenly around the color wheel so the transition reads as a balanced rainbow rather than a lopsided one.
Grid•1 inputClick to open →
Generador de paletas de color oceánicas
Genera paletas de color relajantes en tonos de océano y mar como códigos hexadecimales
An ocean color palette generator produces calming, sea-toned color sets drawn from the blues, teals, and foamy lights of the ocean. Pick how many colors you want and it returns a harmonious mix from deep navy through tropical teal to pale sea foam, varied slightly on each run so you can find just the right balance.
Grid•1 inputClick to open →
Generador de paletas de color de bosque
Genera paletas de color ricas en verdes de bosque y tonos terrosos como hexadecimales
A forest color palette generator produces deep, natural color sets drawn from the woodland — canopy greens, mossy mid-tones, bark browns, and dappled light. Choose how many colors you want and it returns a harmonious earthy mix, varied slightly each run so you can settle on the perfect balance.
Grid•1 inputClick to open →
Generador de paletas de color de desierto
Genera paletas cálidas en tonos de arena, arcilla y atardecer del desierto como hexadecimales
A desert color palette generator produces warm, sun-baked color sets inspired by sand dunes, clay, terracotta, and desert sunsets. Pick how many colors you want and it returns a harmonious blend of golden sands, burnt clays, and soft warm neutrals, varied slightly each run.
Grid•1 inputClick to open →
Generador de paletas de color árticas
Genera paletas de color árticas, frías y heladas, de azules y blancos en hex
An arctic color palette generator produces cool, crisp color sets inspired by ice, snow, glaciers, and pale winter skies. Choose how many colors you want and it returns a clean blend of icy blues, frosted greys, and bright whites, varied slightly each run.
Grid•1 inputClick to open →
Generador de paletas de color de fuego
Genera paletas de color ardientes en tonos de fuego y llama de rojos y naranjas
A fire color palette generator produces hot, energetic color sets inspired by flame — deep embers, blazing reds, molten oranges, and bright yellow sparks. Pick how many colors you want and it returns a fiery gradient-friendly blend, varied slightly each run.
Grid•1 inputClick to open →
Generador de paletas de color galaxia
Genera paletas cósmicas de galaxia con púrpuras profundos, azules y luz de estrellas
A galaxy color palette generator produces cosmic color sets inspired by the night sky, nebulae, and deep space — inky blacks, deep purples, electric blues, and the soft glow of distant starlight. Choose how many colors you want and it returns a dreamy, otherworldly blend, varied slightly each run.
Grid•1 inputClick to open →
Generador de paletas retro de los 80
Genera paletas retro audaces de los años 80 con rosa neón, verde azulado y púrpura
A retro 80s palette generator produces the bold, electric color sets that define 1980s design — hot neon pink, cyan, sunny yellow, and deep synthwave purple. Choose how many colors you want and it returns a high-energy, nostalgic blend, varied slightly each run.
Grid•1 inputClick to open →
Generador de paletas Art Déco
Genera elegantes paletas Art Déco de oro, negro y tonos joya
An art deco palette generator produces the elegant, glamorous color sets that defined 1920s and 1930s design — rich blacks, lustrous golds, and deep jewel tones like emerald, sapphire, and ruby. Choose how many colors you want and it returns a sophisticated, luxurious blend, varied slightly each run.
Grid•1 inputClick to open →
Generador de paletas de colores otoñales
Genera paletas otoñales cálidas de óxido, ámbar y hojas doradas
An autumn color palette generator produces warm, cozy color sets drawn from the fall season — rust reds, burnt oranges, golden ambers, and deep browns, the colors of turning leaves. Choose how many colors you want and it returns a harmonious seasonal blend, varied slightly each run.
Grid•1 inputClick to open →
Selector de color de texto accesible
Elige texto negro o blanco para un fondo e informa la relación de contraste WCAG
An accessible text color picker takes any background color and tells you whether black or white text reads better on top of it, with the real WCAG contrast ratio to back the choice. Paste a background hex and it computes the relative luminance of the color, compares it against pure white and pure black using the official WCAG formula, and returns whichever gives the higher contrast ratio along with the AA or AAA rating.
List•1 inputClick to open →
Generador de pares con contraste WCAG
Genera un par de hex de texto y fondo que supera el contraste WCAG AA
A WCAG contrast pair generator builds a text-and-background color pairing that meets accessibility contrast requirements out of the box. Choose AA or AAA and it picks a shared hue, then searches darker text shades against a light background until the pair clears the 4.5:1 threshold for AA or the stricter 7:1 for AAA, reporting the exact ratio it achieved.
List•1 inputClick to open →
Constructor de paletas para modo oscuro
Genera una paleta de interfaz para modo oscuro con superficies, texto y acento en hex
A dark mode palette builder produces a complete, ready-to-use set of dark UI colors built around a single accent hue. Give it an accent hue and it returns layered surfaces from the deepest page background up through raised cards and modals, plus a muted secondary text tone, a bright primary text tone, and two accent shades for buttons and links.
Grid•1 inputClick to open →
Generador de colores para estados de botón
Genera colores de botón en estado normal, hover, activo y deshabilitado en hex
A button state color generator turns one base button color into the full set of states a real interactive button needs: default, hover, active (pressed), disabled, and a focus ring. Paste your base hex and it darkens the color a step for hover and a further step for the pressed state, desaturates it toward a muted grey for the disabled state, and lightens it into a soft tint for the focus ring.
Grid•1 inputClick to open →
Generador de color de anillo de foco
Genera un color de anillo de foco accesible con su contraste frente a una superficie
A focus ring color generator produces a visible, accessible focus indicator color tuned to the surface it sits on. Give it your surface color and a hue, and it tests focus-ring shades at that hue until it finds one that meets the WCAG non-text contrast requirement of 3:1 against the surface, automatically going lighter on dark backgrounds and darker on light ones.
List•2 inputsClick to open →
Generador de colores semánticos de UI
Genera colores de estado de UI de éxito, advertencia, error e información en hex
A semantic UI color generator produces the standard set of status colors every interface relies on: success, warning, error, and info. Pick a tone and it returns a green for success, an amber for warning, a red for error, and a blue for info, each placed at the hue users already associate with that meaning so the message is understood at a glance.
Grid•1 inputClick to open →
Paleta de interfaz segura para daltonismo
Genera una paleta categórica distinguible para personas con daltonismo
A color-blind-safe UI palette generator returns a set of categorical colors chosen to stay distinguishable for viewers with the common forms of color blindness. It draws from a well-known, research-backed qualitative palette whose colors separate clearly under red-green and blue-yellow deficiencies, then returns as many as you ask for, with slight variation on each run.
Grid•1 inputClick to open →
Generador de conjuntos de color para campos de formulario
Genera colores de borde, foco, error y fondo para campos de formulario
A form field color set generator produces the complete palette an input needs across its states: resting background, default border, focus border and matching focus ring, error border, disabled background, and placeholder text. Give it an accent hue and it derives every value from that single hue so the form feels unified, while keeping the error state on a conventional red so validation messages read correctly.
Grid•1 inputClick to open →
Generador de colores de enlace accesibles
Genera colores de enlace, hover y visitado que superan el contraste sobre un fondo
An accessible link color generator produces link, hover, and visited colors that stay readable against a given background. Provide your background color and a preferred link hue, and it searches lightness levels at that hue until the link color clears the WCAG AA 4.5:1 threshold for body text, then derives a slightly more saturated hover color and a shifted visited color so the three states stay distinct.
List•2 inputsClick to open →
Generador de tintes de elevación de superficie
Genera una escala de tintes de elevación de superficie para UI por capas en hex
A surface elevation tint generator builds a ramp of surface colors that represent depth in a layered interface, where higher elevation means a lighter tint on dark themes and a subtly darker or shadowed tint on light themes. Provide your base surface color and how many levels you need, and it steps the tint evenly so each elevation, from the page background up through cards, menus, and modals, sits a consistent amount above the last.
Grid•2 inputsClick to open →
Generador de colores de botones de interfaz
Genera un conjunto coordinado de colores de botón con primario, secundario y texto accesible
A UI button color generator builds a coordinated set of button colors from a single primary hue so every button variant in your interface stays visually unified. It returns a saturated primary fill, a contrast-checked text color computed from the real relative luminance of that fill, a soft secondary fill with its own readable text, an outline border tone for ghost buttons, and a complementary accent for calls to action that need to stand apart.
Grid•1 inputClick to open →
Generador de Sistema de Colores para Alertas
Genera colores de fondo, borde y texto para alertas de éxito, advertencia, error e información
An alert color system generator produces the complete trio of colors each alert type needs: a background fill, a border, and a readable text color, across the four conventional statuses of success, warning, error, and info. Choose a soft style for gentle tinted alerts with dark text on a pale background, or a solid style for bold, filled alerts with white text, and the generator places each status on the hue users already associate with its meaning so green reads as success and red as error at a glance.
Grid•1 inputClick to open →
Paleta para visualización de datos
Genera una paleta categórica de gráficos con colores bien separados y distinguibles
A data visualization palette generator builds a categorical color set where every series is easy to tell apart, even when many appear in the same chart. It spaces hues using the golden angle so colors spread evenly around the wheel rather than clustering, then varies saturation and lightness slightly between neighbours so adjacent slices, lines, or bars never blur together.
Grid•1 inputClick to open →
Esquema de color para infografías
Genera una paleta equilibrada de infografía con una base, acentos y un neutro
An infographic color scheme generator builds a balanced palette tuned for graphics that mix charts, icons, callouts, and blocks of text. From a single base hue it returns a strong base color, two analogous and complementary accents to differentiate sections, a bright highlight for the single most important number or takeaway, a pale fill for panel backgrounds, and a deep on-hue text color for body copy.
Grid•1 inputClick to open →
Paleta para diapositivas de presentación
Genera colores de diapositiva para fondo, título, cuerpo de texto y formas de acento
A presentation slide palette generator produces the full color kit a deck needs: a background, a title text color, a body text color, two accent colors for shapes and charts, and a subtle divider tone. Pick a light or dark mode and an accent hue, and it tunes the background and text so headings and body copy stay readable against the chosen surface, while the accents give your shapes, icons, and chart bars a coordinated pop.
Grid•2 inputsClick to open →
Paleta para plantillas de correo
Genera colores de correo para cuerpo, contenedor, botón y enlace con contraste seguro
An email template palette generator produces the coordinated colors an HTML email needs: an outer body background, a white container card, heading and body text tones, a branded button with contrast-checked label text, a readable link color, and a muted footer tone. From a single brand hue it derives every value, computing the button label color by comparing real WCAG contrast against white versus dark so the call to action stays legible on the fill.
Grid•1 inputClick to open →
Paleta de marca para redes sociales
Genera una paleta de marca lista para publicaciones, historias y gráficos de perfil
A social media brand palette generator builds a compact, eye-catching color kit sized for the fast-scrolling feed: a primary, a contrasting secondary, a punchy accent, a background, and a text color. Pick a vibe of bold, pastel, or dark, and it spins a fresh harmonious set every run, spacing the primary and secondary far enough apart to hold attention in a thumbnail while keeping them tied to one tonal family.
Grid•1 inputClick to open →
Esquema de color para apps móviles
Genera un esquema de UI móvil con colores primario, de superficie, de texto y de estado
A mobile app color scheme generator produces a structured set of UI colors organised the way native and cross-platform apps expect: a primary and a darker primary variant, a background, a raised surface, an on-surface text color, and the two most-used status colors for success and error. Choose a primary hue and a light or dark mode, and it tunes surfaces and text for legibility on small, bright, glare-prone phone screens.
Grid•2 inputsClick to open →
Tema de color para paneles
Genera un tema de panel con superficies, texto, acento y colores de gráfico
A dashboard color theme generator builds the layered, low-glare palette an analytics interface needs: a soft page background, white cards, a deep sidebar, primary and muted text tones, an accent for active states and links, and two chart colors for positive and negative trends. Dashboards are dense with numbers, tables, and charts that people stare at for long stretches, so the surfaces stay muted and the accent is used sparingly to keep the focus on data rather than decoration.
Grid•1 inputClick to open →
Paleta de color para interfaces de videojuego
Genera una paleta de HUD de juego enérgica con acentos neón y superficies oscuras
A gaming UI color palette generator builds a high-energy HUD theme around a chosen neon hue: a near-black HUD background, a slightly lifted panel surface, two glowing neon accents for highlights and buttons, conventional health and damage colors, a gold XP and currency tone, and a bright text color. Game interfaces sit over busy, moving scenes, so they lean on dark surfaces and saturated neon to stay readable and punchy without obscuring the action.
Grid•1 inputClick to open →
Paleta segura para accesibilidad
Genera una paleta de interfaz donde texto y acento superan WCAG AA frente al fondo
An accessibility-safe palette generator builds a UI color set where the text and accent colors are guaranteed to clear WCAG AA contrast against the background. Starting from a white background, it takes your chosen accent hue and walks each role, heading, body, accent, and muted text, down in lightness until it reaches the 4.5:1 ratio required for normal text, reporting the achieved ratio beside each color so you can verify compliance at a glance.
Grid•1 inputClick to open →
Generador de colores de alto contraste
Genera un par de texto y fondo de máximo contraste con el ratio WCAG
A high-contrast color generator produces a text and background pair pushed to near-maximum contrast for situations where readability is the absolute priority. From a tint hue it builds an almost-black background and an almost-white text, each carrying just a faint trace of the hue so the pair feels designed rather than starkly clinical, then reports the real WCAG contrast ratio and rating.
List•1 inputClick to open →
Generador de superposiciones de color
Genera una superposición de color semitransparente en rgba y hex de 8 dígitos
A color overlay generator turns a solid color and an opacity into a ready-to-use semi-transparent overlay, expressed both as an 8-digit hex with an alpha channel and as a CSS rgba value. Overlays are how designers darken a hero photo so white headline text stays readable, add a brand-colored wash over imagery, or build scrim layers behind modals and drawers.
List•2 inputsClick to open →
Generador de bordes con degradado
Genera un borde CSS con degradado de dos paradas y código listo para pegar
A gradient border generator builds a two-color CSS gradient border and hands you the code to paste straight into a stylesheet. Plain solid borders can feel flat, while a gradient border adds depth and a modern, premium feel to cards, buttons, avatars, and callout panels.
List•2 inputsClick to open →
Paleta glassmorphism
Genera colores de vidrio esmerilado con relleno translúcido, borde y CSS de desenfoque
A glassmorphism palette generator produces the translucent colors and CSS needed for the frosted-glass look popular in modern interfaces: a semi-transparent tinted fill, a soft light border that catches the edge, a readable text color, and a complete backdrop-filter blur declaration. Glassmorphism relies on a blurred backdrop showing through a translucent panel, so the fill and border opacities must be tuned to read as glass without losing legibility.
List•2 inputsClick to open →
Generador de colores de neumorfismo
Genera colores base, de luz y de sombra para soft UI con CSS box-shadow
A neumorphism color generator produces the trio of tones the soft-UI style depends on: the base surface plus a lighter highlight and a darker shadow derived from it, with a complete box-shadow declaration to create the signature extruded look. Neumorphism makes elements appear pressed into or raised out of the background using two offset shadows, a light one toward the light source and a dark one away from it, both very close to the surface color.
List•1 inputClick to open →
Generador de duotono
Genera un par duotono de dos tonos con un mapa de degradado CSS para fotos
A duotone generator produces the two-color pair that drives the duotone photo effect, where a grayscale image is remapped so its darkest tones take a shadow color and its brightest tones take a highlight color. From a single shadow hue it builds a deep, saturated shadow and a bright, slightly hue-shifted highlight that work together as a smooth tonal map, then bundles a gradient and a CSS blend snippet to apply the look.
List•1 inputClick to open →
Paleta para color dodge
Genera una paleta luminosa pensada para el modo de fusión color dodge
A color dodge palette generator builds a set of colors designed for the color-dodge blend mode, which brightens whatever is beneath it to create glows, light leaks, neon, and energy effects. Because color dodge multiplies brightness, mid and dark saturated colors on a dark base produce the most controllable glow, blowing out to brilliant light where layers stack; pure white or very light colors flare too hard and lose all detail.
Grid•1 inputClick to open →
Generador de colores para serigrafía
Genera una paleta limitada de tintas planas para serigrafía con hex y CMYK
A screen print color generator builds a limited spot-color palette suited to screen printing, where each color is a separate ink screen and fewer colors mean lower cost and simpler registration. Choose one to four spot colors and it spaces bold, saturated hues evenly around the wheel so each ink reads strongly on a shirt or poster, then reports both the hex for on-screen proofing and a CMYK breakdown to brief your printer.
Grid•1 inputClick to open →
Generador de colores de hilo de bordado
Genera una paleta de hilos bordables con hex y una etiqueta de hilo más cercano
An embroidery thread color generator builds a coordinated thread palette for stitching projects, returning bold, well-separated colors with a friendly nearest-thread name beside each hex. Embroidery and machine stitching work in discrete solid colors rather than blends, so a clear set of distinct threads that read well against fabric is exactly what a design needs, and naming each one helps when shopping a thread rack or building a floss list.
Grid•1 inputClick to open →
Metallic Color Palette Generator
Generates luxurious metallic palettes of gold, silver, and bronze tones
A metallic color palette generator builds luxurious schemes from gold, silver, bronze, and copper tones, the colours that read as premium and refined. Choose how many you want and it returns a shuffled palette of hex codes drawn from a curated metallic pool — warm golds, cool silvers, rich bronzes, and soft platinum greys.
Grid•1 inputClick to open →
Camouflage Color Palette Generator
Generates military camouflage palettes of greens, browns, and tans
A camouflage color palette generator builds muted military schemes from olive greens, earthy browns, and neutral tans, the tones that blend into woodland and field. Choose how many you want and it returns a shuffled palette of hex codes from a curated camo pool — drab olives, khaki tans, deep forest greens, and shadowy greys.
Grid•1 inputClick to open →
Coffee Tone Palette Generator
Generates warm coffee palettes of espresso, mocha, and cream tones
A coffee tone palette generator builds warm, cosy schemes from espresso, mocha, latte, and cream, the colours of a good cup and a quiet café. Choose how many you want and it returns a shuffled palette of hex codes from a curated coffee pool — deep roasted browns, milky caramels, and soft creams.
Grid•1 inputClick to open →
Halloween Color Palette Generator
Generates spooky Halloween palettes of orange, black, and purple
A Halloween color palette generator builds spooky seasonal schemes from pumpkin orange, midnight black, and eerie purple, the classic colours of the holiday. Choose how many you want and it returns a shuffled palette of hex codes from a curated Halloween pool — glowing oranges, deep blacks, witchy purples, and a touch of blood red.
Grid•1 inputClick to open →
Christmas Color Palette Generator
Generates festive Christmas palettes of red, green, and gold
A Christmas color palette generator builds festive holiday schemes from classic red and green with warm gold and snowy white. Choose how many you want and it returns a shuffled palette of hex codes from a curated Christmas pool — rich berry reds, deep pine greens, gleaming golds, and soft off-whites.
Grid•1 inputClick to open →
Coral Reef Color Palette Generator
Generates vibrant coral reef palettes of coral, teal, and aqua
A coral reef color palette generator builds bright, tropical schemes from living coral, teal, and aqua, the vivid colours of a reef under clear water. Choose how many you want and it returns a shuffled palette of hex codes from a curated reef pool — warm corals and salmon pinks against cool teals, turquoise, and sea-greens.
Grid•1 inputClick to open →
Emerald Color Palette Generator
Generates rich emerald palettes of deep, jewel-like greens
An emerald color palette generator builds rich, jewel-like schemes from deep emerald and sea greens, the colours of a precious stone and a lush canopy. Choose how many you want and it returns a shuffled palette of hex codes from a curated emerald pool — vivid gem greens, deep forest tones, and cool teal-leaning greens.
Grid•1 inputClick to open →
Monsoon Color Palette Generator
Generates moody monsoon palettes of rain-washed greys and blues
A monsoon color palette generator builds moody, atmospheric schemes from rain-washed greys and stormy blues, the colours of an overcast sky before the rain. Choose how many you want and it returns a shuffled palette of hex codes from a curated monsoon pool — slate greys, cool steel blues, and soft misty tones.
Grid•1 inputClick to open →
Color of the Day Generator
Generates a fresh standout color to feature, with a ready hex code
A color of the day generator hands you a fresh, confident standout colour to feature, with a ready hex code, so you never have to decide on a highlight from scratch. Choose how many options you want and it returns a shuffled set of bold, balanced colours from a curated pool — punchy corals, bright teals, sunny yellows, and rich purples, each chosen to work well as a single hero colour.
Grid•1 inputClick to open →
Color Name Fact Generator
Generates fascinating facts about color names, history, and perception
A color name fact generator serves up fascinating facts about how colours are named, where they come from, and how we perceive them. Choose how many you want and it returns a shuffled set of surprising truths — magenta has no wavelength of its own, ultramarine once cost more than gold, pink was once seen as masculine, and many ancient languages had no word for blue.
List•1 inputClick to open →
Frequently Asked Questions
How do I pick a color palette for a website?
Start with a base color that fits your brand's tone, then use a tool like the Color Scheme Generator to derive complementary or analogous pairings. From there, run the combinations through the Accessible Color Pair Generator to confirm text stays readable. Aim for one dominant color, one secondary, and one accent — the Brand Color Palette Generator structures this automatically.
What color formats do I need for web design?
For web work you'll typically use HEX for static values, RGB or HSL in CSS where you need opacity or dynamic manipulation, and CSS custom properties (variables) for theming. The Random CSS Color Variable Set Generator outputs all of these in one block you can paste straight into your stylesheet without any reformatting.
What is WCAG color contrast and why does it matter?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background — 4.5:1 for normal text, 3:1 for large text. Failing these ratios makes content hard to read for people with low vision. The Accessible Color Pair Generator and Color Contrast Pair Generator both filter outputs so every result already meets the standard.
What's the difference between complementary, analogous, and triadic color schemes?
Complementary pairs sit opposite each other on the color wheel and create strong contrast. Analogous colors sit adjacent and feel harmonious and calm. Triadic schemes use three colors evenly spaced at 120° apart — more vibrant than analogous but more balanced than complementary. The Color Harmony Explorer lets you compare all three side by side from the same base hue.
How do I generate colors for dark mode UI?
Dark mode needs more than just inverting your light palette. Surfaces use dark grays rather than pure black, and accent colors often need to be slightly desaturated to avoid eye strain on dark backgrounds. The Dark Mode UI Palette Generator and Dark UI Color Palette Generator both handle this — they output layered background, surface, and accent values designed to work together.
Can I get a color palette for print projects, not just screen?
Yes — the Print Color Palette Generator (CMYK) outputs palettes with CMYK values instead of hex or RGB, which is what print designers and printers actually need. RGB and hex values are screen-only formats; using them for print without conversion leads to color shifts when the job comes off the press.