Selector de color i generador de paletes de franc
Tria colors, converteix entre HEX/RGB/HSL i genera paletes harmonioses.
RGB
HSL
Més formats
Contrast WCAG
Color amb nom més proper: dodgerblue · Aquí el text negre es llegeix millor (5,71:1)
Ombres i tonalitats (50–950)
Paleta de colors
Complementari
Triàdica
Anàloga
Monocromàtica
Usos habituals
- Selector de color per a disseny webSeleccioneu i genereu colors per al vostre lloc web — obtingueu valors HEX, RGB i HSL més paletes harmòniques.
- Selector de color per a marquesCreeu la paleta de colors de la vostra marca — seleccioneu colors primaris, secundaris i d'èmfasi que funcionen junts.
- Selector de color per a mitjans socialsCreeu paletes de colors atractives per a publicacions de mitjans socials, històries i dissenys de perfil.
- Selector de color per a disseny d'impressióSeleccioneu colors per a materials impresos — fulletons, targetes de visita, bruxelles — amb vista prèvia de color precisa.
- Selector de color per a presentacionsDissenyeu esquemes de color de diapositives — seleccioneu colors de text llegibles, paletes de gràfics i tonalitats de èmfasi coherents.
Com funciona
Tot s'executa directament al teu navegador utilitzant matemàtica de conversió escrita a mà — sense biblioteca de color, sense anada i tornada al servidor. Tries un color a través de l'entrada de color nativa del navegador o l'API EyeDropper, i l'eina el converteix a l'instant en sis formats mentre també calcula ràtios de contrast WCAG i genera paletes d'harmonia.
- 1Entrada de color via API nativaTries un color a través del widget integrat <input type="color"> del navegador, o — en navegadors basats en Chromium — l'API EyeDropper et permet mostrejar qualsevol píxel de la teva pantalla. Ambdós camins retornen una cadena hexadecimal que esdevé l'única font de veritat.
- 2Conversions de format escrites a màL'eina converteix el valor hexadecimal a RGB, HSL, HSV, CMYK i OKLCH utilitzant les seves pròpies funcions matemàtiques (sense biblioteca externa). La conversió OKLCH linearitza els canals sRGB, aplica la matriu d'arrel cúbica OKLab, i després deriva el croma i l'angle de to — coincidint amb la sortida moderna de CSS Color Level 4.
- 3Càlcul de la ràtio de contrast WCAGLa luminància relativa es calcula a partir dels canals RGB linearitzats utilitzant la fórmula WCAG 2.x. L'eina calcula després les ràtios de contrast contra el blanc pur i el negre pur i les etiqueta AA-gran, AA, AAA, o Suspès segons els llindars WCAG (3:1, 4,5:1, 7:1).
- 4Generació de paleta d'harmonia i desament localLes mostres complementàries, triàdiques, anàlogues i monocromàtiques es deriven rotant o avançant matemàticament els valors de to i lluminositat HSL. Les paletes desades s'escriuen a localStorage al teu navegador — res surt del teu dispositiu.
Eines relacionades
Generador de colors aleatoris
Genera colors aleatoris d'un en un o com una paleta de cinc, bloqueja els que t'agradin, copia els valors HEX, RGB o HSL i exporta la paleta com a PNG o CSS.
Convertidor de colors
Converteix colors entre formats HEX, RGB, HSL, HSV i CMYK instantàniament. Inclou una escala de lluminositat i mostres predefinides.
Extractor de paleta de colors d'imatge
Extreu els colors dominants de qualsevol imatge usant quantificació de color k-means. Obtén codis hexadecimales dels 2-16 colors principals de la teva foto o logotip.