Ferramentas de cores

Visual color picker with HEX, RGB, HSL, HSV, CMYK, HWB, and CIE LAB conversion. Bidirectional inputs, WCAG contrast checker, CSS variable output - free online color picker converter.

Digite qualquer cor HEX ou RGB e encontre instantaneamente a cor nomeada mais próxima entre mais de 300 nomes CSS, X11 e Pantone. Pesquise pelo nome ou navegue pelo banco completo - Buscador de nomes de cores online grátis.

Calcule a proporção de contraste WCAG 2.1 e verifique a conformidade AA/AAA para texto normal, texto grande e componentes de interface - prévia ao vivo, entrada HEX e RGB. Verificador de contraste online grátis.

Calcule a diferença perceptual de cores (ΔE 2000 / CIEDE2000) entre duas cores - informe valores HEX ou RGB e obtenha a pontuação Delta-E com comparação visual e detalhamento CIE L*a*b*. Calculadora de diferença de cores online grátis.

Gere tons (misturados com branco) e sombras (misturadas com preto) a partir de qualquer cor base - 5 a 12 etapas, variáveis CSS, configuração do Tailwind e exportação em lista HEX. Gerador de tons e sombras online grátis.

Referência pesquisável de todos os tokens de cor do Material Design 3 (Material You) - papéis de cor, paletas tonais, nomes de variáveis CSS e valores dos temas claro/escuro. Clique em qualquer amostra para copiar.

Crie gradientes CSS lineares, radiais e cônicos visualmente: escolha paradas de cor, defina posições, selecione a direção e copie o valor CSS de background na hora. Até 8 paradas - gerador de gradientes de cor online grátis.

Misture duas cores quaisquer em uma proporção personalizada nos modos sRGB, Linear ou Oklab: veja o resultado em HEX, RGB, HSL e HSV com uma prévia de gradiente de 11 passos. Misturador de cores online grátis.

Converta qualquer valor em kelvin (1000 K-10000 K) na cor RGB e HEX aproximada: escala interativa, 12 fontes de luz predefinidas e detalhamento dos canais RGB. Conversor de temperatura de cor online grátis.

Converta qualquer paleta de modo claro em equivalentes para modo escuro com verificação de contraste WCAG: três modos de adaptação e exportação para variáveis CSS e configuração do Tailwind. Adaptador de modo escuro online grátis.

Pesquise, filtre e copie as 148 cores nomeadas do CSS com valores HEX, RGB e HSL. Filtre por 12 famílias de cor - referência de cores nomeadas do CSS online grátis.

Descubra o que cada cor principal significa no marketing e no design: associações psicológicas, contexto cultural, usos de marca e dicas de design para 12 famílias de cor. Com busca. Referência de psicologia das cores online grátis.

Converta HEX em HSL, RGB em HSL e entre todos os formatos de cor na hora. Entradas bidirecionais: HEX, RGB, HSL, HSV e valores de canal individuais. Calculadora de HEX para HSL online grátis.

Pesquise e copie as cores de marca de mais de 200 grandes marcas: Apple, Google, Meta, Nike e muitas outras. Valores HEX e RGB, 10 categorias de setor - consulta de cores de marca online grátis.

Gere cores aleatórias com um clique: mostra HEX, RGB, HSL, CMYK e HWB. Bloqueie matiz, saturação ou luminosidade. Defina faixas mínimas e máximas. Gere até 50 cores em lote - gerador de cores aleatórias online grátis.

Roda de cores interativa: clique em qualquer posição para explorar harmonias complementares, análogas, triádicas, tetrádicas e monocromáticas com exportação para variáveis CSS. Explorador de harmonias de cores online grátis.

Gere uma roda de cores SVG ou PNG personalizada para qualquer luminosidade e saturação. Escolha entre 7 predefinições, ajuste o número de segmentos e o raio interno e baixe na hora - gerador de roda de cores online grátis.

Converta os 216 códigos de cor RAL Classic em HEX e RGB. Pesquise por código RAL, nome da cor em inglês ou alemão, ou valor HEX. Filtre por categoria - conversor de RAL para HEX online grátis.

Converta referências Pantone PMS em valores HEX e RGB/HSL aproximados para design digital. Pesquise por código, nome ou valor HEX - conversor de Pantone para HEX online grátis.

Converta rgba() em HEX8 e hsla() em rgba(), e veja prévias da mistura sobre fundo branco, preto e personalizado, com gerador de escala de opacidade. Conversor de opacidade alfa online grátis.

Galeria selecionada com mais de 110 fundos em gradiente CSS: navegue por estilo (pôr do sol, oceano, neon, escuro, pastel e mais) e copie o valor CSS de background com um clique. Biblioteca de fundos em gradiente online grátis.

Free analogous color scheme generator online. Generate 3-5 harmonious analogous colors from any base color with adjustable angle (15°-60°). Preview as palette and gradient - no signup required.

Browse all Apple HIG system colors across iOS, macOS, watchOS, tvOS, and visionOS.

Free CMYK to RGB converter online. Convert CMYK values (Cyan, Magenta, Yellow, Key/Black) to RGB and HEX for digital design use. Instant conversion with live color preview - no signup required.

Free color blind simulator online. See how any colour appears to people with protanopia, deuteranopia, tritanopia, achromatopsia, and 4 more CVD types. 8 vision types compared side-by-side - no signup required.

Comprehensive guide to which CSS color formats work in email. Check HEX, RGB, HSL, RGBA support across Gmail, Outlook, Apple Mail, Yahoo, and more. Free email color reference for developers.

Free color inverter online. Invert any color (HEX, RGB, HSL input) to get its exact opposite instantly. Side-by-side original vs inverted preview with complementary relationship - no signup required.

Free Color Lightener / Darkener online. Lighten or darken any color by percentage steps with live preview and interactive slider. HSL-based adjustment preserves hue and saturation - no signup required.

Free color meaning by culture reference online. Discover how 12 colors are perceived across Western, Eastern, Middle Eastern, African, and Latin American cultures. Searchable cultural color guide for global branding and design. No signup required.

Free Color Palette from Image tool online. Upload any image and extract 5-10 dominant colours automatically with HEX, RGB, HSL values, colour names, and usage suggestions - no signup required.

Free color palette generator online. Generate beautiful 5-color palettes from any base color using harmony rules. Lock individual colors, regenerate unlocked ones, and export as CSS, SCSS, or Tailwind - no signup required.

Free online Color Perception Test. Take an interactive Ishihara-style color blindness test with 14 plates. Identify numbers in colored dots and get instant results with detailed analysis - no signup required.

Free Color Ramp Generator online. Generate multi-stop color ramps from 3+ colors with adjustable stop positions. Visual gradient bar with intermediate HEX values - no signup required.

Free Color Saturator / Desaturator online. Adjust saturation from 0% (grayscale) to 200% (hyper-saturated) with live preview. Enter HEX, use the colour picker, and copy the adjusted colour instantly - no signup required.

Free color scale generator online. Generate smooth N-step color scales between two colors with RGB and HSL interpolation. Get HEX, RGB, HSL values for each step with gradient preview - no signup required.

Free complementary colour generator online. Enter any HEX colour and instantly get its exact complementary colour (180° on the colour wheel) plus split-complementary variants. Visual colour wheel, palette preview, and one-click copy - no signup required.

Free conic gradient generator online. Build CSS conic-gradient() with interactive pie chart preview, colour stop management, and one-click CSS copy. Start angle and center position controls - no signup required.

Free CSS filter generator online. Build CSS filter effects visually with blur, brightness, contrast, grayscale, hue-rotate, invert, opacity, saturate, sepia, and drop-shadow. Copy the CSS instantly - no signup required.

Free CSS pattern library with 55+ pure-CSS background patterns - dots, stripes, checks, waves, geometric, grid, diagonal, polka, weave, and zigzag. Browse by category, search by name or style, and copy the CSS background value with one click. No images, no signup.

Free Cultural Color Palettes online. Browse traditional colour palettes from Japanese, Indian, Scandinavian, Moroccan, Chinese, Mexican, Korean, and African design traditions. Each palette includes cultural context, colour meanings, and HEX values - no signup required.

Free online design system colour tokens generator. Enter 7 base colours (primary, secondary, accent, success, warning, error, info) and get 9 variants each for light and dark mode with CSS variables and JSON export. Perfect for design systems, component libraries, and theming. No signup required.

Visualize and compare CSS easing functions with an interactive SVG cubic-bezier curve editor. Drag control points to create custom easings, choose from 18 presets (ease, back, overshoot, expo), compare up to 6 curves side-by-side, and copy the generated CSS for transitions and animations. Free online easing function.

Browse curated color palettes extracted from famous paintings by Van Gogh, Monet, Klimt, and other master artists. Click any swatch to copy HEX values.

Browse 280+ famous brand color palettes organized by industry. Search by brand name or industry, see each brand's signature palette, and copy HEX values with one click - free online brand color palette reference. No signup required.

Free focus indicator tester online. Test if custom focus-visible outlines meet WCAG 2.2 focus requirements (1.4.11 contrast, 2.4.13 Focus Appearance). Live preview with pass/fail results - no signup required.

Free WCAG color contrast checker with font size and weight. Enter foreground, background, font size, and font weight to get a definitive pass/fail result. Factors in the WCAG large text threshold (≥18pt regular / ≥14pt bold) - no signup required.

Free font size converter online. Convert font sizes between px, em, rem, %, pt, and vw with configurable base font size and viewport width. Live preview, reference table, and one-click copy - no signup required.

Free form error color accessibility checker online. Check error state colours for WCAG contrast compliance and non-colour indicators. Supports HEX colours, icons, labels, and borders - no signup required.

Free Google Fonts previewer online. Preview any Google Font with custom text, size, weight, and line-height. Compare two fonts side-by-side and copy @import, <link> tags, and CSS declarations. No signup required.

Free gradient to image converter online. Convert any CSS gradient into a downloadable PNG or JPEG at custom dimensions up to 4096×4096. Social media preset sizes included - no signup required.

Free Grayscale Converter online. Convert any color to its grayscale equivalent using the standard luminance formula. See original vs grayscale side-by-side with instant preview - no signup required.

Free HEX to CMYK converter online. Convert HEX color codes to CMYK values for print design with Pantone colour matching. Supports #RGB and #RRGGBB formats - no signup required.

Free HEX to named color converter online. Enter any HEX color code and instantly find the closest CSS named color with similarity percentage and distance score. No signup required.

Free HEX to RGB converter online. Convert HEX color codes to RGB and RGBA values instantly. Supports #RGB, #RRGGBB, #RGBA, and #RRGGBBAA formats - no signup required.

Free HSL to HEX converter online. Enter HSL or HSLA values (Hue 0-360, Saturation 0-100%, Lightness 0-100%) and get the HEX color instantly with live preview. Interactive sliders included - no signup required.

Free HSV to HEX RGB HSL converter online. Enter HSV/HSB values and get equivalent HEX, RGB, and HSL instantly. Interactive color picker with hue bar and saturation/brightness square - no signup required.

Free HTML color names reference online. Browse, search, and copy all 148 HTML and CSS named colors with HEX values, browser support, and email compatibility. Filter by category - no signup required.

Free HWB color converter online. Convert HWB (Hue-Whiteness-Blackness) to HEX, RGB, and HSL values instantly. CSS hwb() format made easy with live preview - no signup required.

Free online image color overlay tool. Apply any color overlay with 16 blend modes (Multiply, Screen, Overlay, Color, etc.) and adjustable opacity. Upload image, pick a color, preview instantly, and download as PNG, JPG, or WebP. No signup required.

Free online image color palette extractor. Upload any photo and instantly extract dominant, vibrant, muted, and accent colors using K-Means clustering. Get HEX, RGB, HSL values with color name, profile classification, and usage suggestions. 100% browser-based - no uploads, no signup.

Free online image filter presets tool. Apply Instagram-style filters to your photos - vintage, noir, sepia, warm, cool, dramatic, and more. Adjust intensity, preview before/after, and download. 100% free, no signup required.

Free online image tint applier. Apply a uniform colour tint to any image with adjustable intensity, 5 blend modes, and 10 quick presets. Preserves transparency in PNGs. Preview side by side and download as PNG, JPG, or WebP. No signup required.

Browse all iOS system colours from Apple's Human Interface Guidelines - 13 semantic system colours (red, blue, green, orange, pink, purple, indigo, teal, mint, cyan, brown, gray), label/text colours at 4 emphasis levels, 4 fill opacities, 6 background variants, separators, and link/tint colors. Each colour includes.

Free LAB/LCH color converter online. Convert CIE L*a*b* and LCH values to HEX, RGB, and HSL instantly. Supports D65 illuminant with sRGB gamut detection - no signup required.

Free letter spacing converter online. Convert letter-spacing between px, em, rem, and percentage values with live text preview. Find the closest Tailwind CSS tracking class and copy the CSS letter-spacing declaration instantly - no signup required.

Free link color contrast checker online. Check if your link colours have sufficient contrast against both the background AND surrounding body text per WCAG 2.1 SC 1.4.1 (Use of Color) and SC 1.4.3. Get instant pass/fail results with actionable suggestions. No signup required.

Free mesh gradient generator online. Create trendy mesh gradients with draggable colour points. Export as CSS background or download as PNG image. No signup required.

Free monochromatic palette generator. Generate 5-10 monochromatic shades from any base color using HSL-based lightness variation. Export as CSS variables, Tailwind config, or flat HEX list - no signup required.

Free named color to HEX converter. Type any CSS named color like coral, rebeccapurple, or cornflowerblue and get HEX, RGB, and HSL values instantly. Supports all 148 CSS named colors with autocomplete - no signup required.

Free nature color palettes online. Browse 20+ pre-built nature-inspired colour palettes from sunsets, oceans, forests, deserts, auroras, and more. Copy HEX values with one click - no signup required.

Free OKLCH color converter online. Convert OKLCH (Lightness, Chroma, Hue) to HEX, RGB, and HSL values instantly with gamut detection. Modern CSS Color Level 4 color space - no signup required.

Free outline generator online. Build CSS outline effects visually with width, style, colour, and offset controls. Compare outline vs border rendering side by side and copy the CSS instantly - no signup required.

Free print vs digital color reference online. Compare how 80+ colours render in CMYK print vs sRGB and Display P3 digital displays. Browse by category, check gamut status, and get Pantone references - no signup required.

Free Radial Gradient Generator online. Build CSS radial gradients with shape (circle/ellipse), size, and center position controls. Preview on light, dark, or checkerboard backgrounds. Copy CSS instantly - no signup required.

Free random color palette generator online. Generate unlimited random 5-color palettes with lockable colors. Export as CSS variables, JSON, or PNG - no signup required.

Free repeating gradient generator online. Build repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() CSS patterns. 6 pattern styles, live tiled preview, pattern size control - no signup required.

Free online responsive color swatch tool. See how any color appears on 5 different display technologies - OLED, LCD, E-Ink, CRT, and Projector. Enter a hex color and compare side-by-side simulations. No signup required.

Free RGB to HEX converter online. Convert RGB and RGBA values to HEX, HEX8, HSL, HSV, CMYK, and HWB formats instantly. Interactive sliders and colour preview - no signup required.

Free RGB to HSL converter online. Convert RGB and RGBA values to HSL and HSLA format instantly with real-time colour preview and complementary colour suggestion. Slider and numeric input - no signup required.

Free RGBA to HEX8 converter online. Convert CSS rgba() values to 8-digit HEX (#RRGGBBAA) with alpha channel. Preview colour blended on white and black backgrounds - no signup required.

Free seasonal colour palettes online. Browse curated colour schemes for Spring, Summer, Fall, Winter seasons plus holiday-specific palettes for Christmas, Diwali, Halloween, and more. Click any swatch to copy HEX - no signup required.

Free split complementary generator online. Enter any HEX colour and instantly generate a 3-colour split-complementary scheme (base + 2 adjacent to complement). Visual colour wheel, palette preview, and one-click copy - no signup required.

Browse the Tailwind CSS v3.4 color palette reference online. All 22 color families with 242 hex values across 11 shades each (50-950). Search by name, filter by category, copy any hex value instantly - no signup required.

Free Tetradic Color Generator online. Generate 4-color tetradic (rectangle) and square colour schemes from any base colour. Adjustable offset, real-time preview, usage tips - no signup required.

Free text gradient generator online. Apply CSS gradient backgrounds to text using background-clip: text. Type custom text, pick gradient colours, adjust font settings, and copy ready-to-use CSS. No signup required.

Free text on background checker. Test how readable text is on any background color with adjustable font weight and size. Get WCAG AA/AAA contrast pass/fail results instantly with a live text preview - no signup required.

Free text shadow generator online. Build CSS text-shadow effects visually with up to 8 shadow layers, each with custom X/Y offset, blur radius, and colour. Copy the CSS instantly - no signup required.

Free Touch Target Size Checker online. Check if your UI elements meet WCAG 2.5.8 target size requirements (minimum 24×24px). Enter element dimensions, padding, and margin values for instant pass/fail results - no signup required.

Free Transform Matrix Generator online. Combine translate, rotate, scale, and skew with interactive sliders. See the live preview, matrix(), and matrix3d() output instantly - no signup required.

Free triadic color scheme generator online. Generate 3 evenly-spaced colors (120° apart) from any base color. Preview as palette with dominant/accent suggestions, export CSS variables. No signup required.

Free CSS viewport unit converter online. Convert vw, vh, vmin, vmax, dvw, dvh, svw, svh, lvw, and lvh to px, rem, em, pt, and percentages instantly. Set viewport dimensions or use device presets - no signup required.

Free WCAG Color Name Finder online. Find accessible text colours that pass WCAG AA/AAA against any background colour. Browse 250+ CSS, X11, and Pantone colour names with contrast ratios - no signup required.

Free WCAG compliance report online. Enter your full colour palette (text, background, accent, link, and more) and get a comprehensive accessibility report showing which colour combinations pass/fail AA and AAA contrast criteria. No signup required.

Browse all 216 web safe colors in a searchable grid with HEX, RGB, and HSL values. Filter by hue family and copy any color with one click. Free online web safe colors reference.

Windows 11 colors reference with 17 sample accent colours (not official), SystemAccentColor dynamic tokens (Light1-Dark3), WinUI theme colours for controls, text, backgrounds, acrylic and mica materials in light and dark theme. Search, filter by category, and copy HEX or RGB values with one click. Free online Windows.

Free Z-Index Stacking Visualizer online. Visualize CSS z-index stacking contexts with an interactive layer builder. Add, reorder, and configure layers to see the rendering order - no signup required.