Preskoči na sadržaj
(+381) 60 3535 720
Moj nalog
BeoHosting
BeoHosting
Moj nalogKontakt
(+381) 60 3535 720
 

Herramienta gratuita para diseñadores web

Conversor de color — Conversor de color HEX, RGB, HSL

Convierte colores entre los formatos HEX, RGB y HSL. Vista previa en vivo, selector de color, deslizadores RGB y los 20 colores más populares. Todo en local en el navegador.

Convertir colorPlanes de alojamiento
TL;DR

¿Cómo usar el Conversor de color para HEX, RGB y HSL?

El Conversor de color convierte un color entre los 3 formatos web estándar en 3 pasos: 1) Introduce un valor en cualquier formato — HEX (#FFCB05), RGB (rgb(255, 203, 5)) o HSL (hsl(48, 100%, 51%)). 2) La herramienta calcula automáticamente los otros dos formatos + muestra una vista previa en vivo. 3) Copia el formato que quieras o usa los deslizadores RGB para ajustarlo con precisión. Cuándo usar cada formato: HEX para CSS y HTML, RGB para el canvas de JavaScript, HSL para variaciones semánticas (tono más claro/más oscuro). Todo se calcula en local en el navegador.

  • 3 formatos — HEX, RGB, HSL — con vista previa en vivo
  • Deslizadores RGB para ajustar con precisión rojo/verde/azul
  • Los 20 colores más populares como selector rápido
  • En local en el navegador — sin envío al servidor

BeoHosting Team

10+ godina iskustva — Stručnjaci za web hosting i infrastrukturu

Poslednje ažurirano:

Color Converter

Unesite boju u HEX, RGB ili HSL formatu — alat automatski konvertuje u sva tri formata.

Pregled

#FFCB05
#FFCB05
rgb(255, 203, 5)
hsl(48, 100%, 51%)

RGB slideri

R (crvena)255
G (zelena)203
B (plava)5

20 najčešćih boja

Privatnost: Sve konverzije se vrše lokalno u pregledacu pomoću JavaScript matematickih funkcija. Vaše boje se NE šalju na server.

Guía

HEX, RGB y HSL — cuándo usar cada formato

El formato HEX (#FFCB05) es el más habitual en CSS y HTML — compacto y legible. Seis caracteres hexadecimales representan 3 bytes (los componentes rojo/verde/azul, de 0 a 255 cada uno). También existe una notación abreviada de 3 caracteres (#FA0 = #FFAA00) para colores con pares repetidos.

RGB — Red Green Blue

El formato RGB usa 3 números decimales de 0 a 255 (rgb(255, 203, 5)). Ideal para la API canvas de JavaScript, la generación de colores por programación y el canal alfa (rgba). RGB es intuitivo a la hora de mezclar colores primarios, pero no es adecuado para variaciones de un mismo color.

HSL — Hue Saturation Lightness

HSL separa un color en 3 componentes: Hue/tono (0-360°, donde rojo=0, verde=120, azul=240), Saturation/saturación (0-100%) y Lightness/luminosidad (0-100%). Ideal para temas y paletas — cambia solo la luminosidad para un estado hover, o solo el tono para los colores secundarios.

Herramientas y servicios relacionados

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64 EnkoderGenerator LozinkiCSS u vašem sajtuWordPress HostingProveri brzinu sajtaKontakt

Spremni da pokrenete svoj sajt?

SSL zaštita
Brzina
24/7 podrška

Pridružite se 4.000+ zadovoljnih korisnika. Besplatna migracija i 15 dana garancije povrata novca.

Izaberite paketKontaktirajte nas
15 dana garancija povrata novca
Besplatna migracija15 dana garancija24/7 podrška

Preguntas frecuentes - Conversor de color

Odgovori na najčešća pitanja o našim uslugama.

HEX (hexadecimal) es la notación de color estándar de CSS con la forma #RRGGBB. Cada valor hexadecimal de dos dígitos (00-FF) representa uno de los tres componentes: rojo (RR), verde (GG), azul (BB). Por ejemplo, #FFCB05 significa R=255, G=203, B=5 — el color amarillo de la marca BeoHosting.

El formato RGB se usa cuando necesitas un canal alfa (transparencia) — rgba(255, 203, 5, 0.5) — o cuando generas colores por programación en la API canvas de JavaScript, donde los valores numéricos son más cómodos. HEX es más compacto para CSS estático, mientras que RGB es más legible para valores dinámicos.

HSL separa el color en tres componentes intuitivos: tono (Hue), saturación (Saturation) y luminosidad (Lightness). Para crear un estado hover, reduce la luminosidad entre un 5 y un 10 % sin cambiar el tono. Para crear un color secundario, cambia solo el tono entre 30 y 60°. RGB y HEX requieren cálculos complejos para obtener los mismos resultados.

Sí, desde 2018 todos los navegadores modernos (Chrome 62+, Firefox 49+, Safari 10+) admiten HEX de 8 caracteres con canal alfa: #FFCB0580 significa un 50 % de transparencia. Para navegadores antiguos (IE), usa rgba(), que tiene compatibilidad universal.

No. Todas las conversiones se realizan en local en tu navegador mediante funciones matemáticas de JavaScript. Tus colores NO se envían al servidor ni se almacenan en una base de datos. Todo es 100 % privado y funciona sin conexión.

Naše garancije za vaš mir

Zaštićeni ste sa svake strane

15 dana garancije

Vraćamo novac bez pitanja u prvih 15 dana.

Besplatna migracija

Mi prebacimo vaš sajt bez prekida — vi ništa ne radite.

24/7 podrška

Naši stručnjaci su tu 24/7 kroz tikete i live chat.