▼
▼
Pasa el cursor sobre el color para obtener los códigos hex y decimales:
| Hex: # | |||
| Rojo: | |||
| Verde: | |||
| Azul: |
Espacio de color RGB o Sistema de color RGB, construye todos los colores combinando Rojo, Verde y Azul colores..
El rojo, verde y azul usan 8 bits cada uno, con valores de 0 a 255. Esto genera 256*256*256 = 16.777.216 colores posibles.
RGB ≡ Rojo, Verde, Azul
Cada píxel de un monitor LED muestra colores combinando LEDs rojos, verdes y azules.
Cuando el píxel rojo está en 0, el LED está apagado. Cuando está en 255, está completamente encendido.
Cualquier valor intermedio produce una emisión parcial de luz.
El código RGB tiene un formato de 24 bits (bit 0..23)::
| ROJO[7:0] | VERDE[7:0] | AZUL[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Colores básicos:
| Color | Nombre HTML / CSS | Código Hex #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| Negro | #000000 | (0,0,0) | |
| Blanco | #FFFFFF | (255,255,255) | |
| Lima | #FF0000 | (255,0,0) | |
| Lima | #00FF00 | (0,255,0) | |
| Azul | #0000FF | (0,0,255) | |
| Amarillo | #FFFF00 | (255,255,0) | |
| cian | #00FFFF | (0,255,255) | |
| Magenta / Fucsia | #FF00FF | (255,0,255) | |
| Plata | #C0C0C0 | (192,192,192) | |
| Gris | #808080 | (128,128,128) | |
| Marrón oscuro | #800000 | (128,0,0) | |
| Oliva | #808000 | (128,128,0) | |
| Verde | #008000 | (0,128,0) | |
| Púrpura | #800080 | (128,0,128) | |
| Verde agua oscuro | #008080 | (0,128,128) | |
| Azul marino | #000080 | (0,0,128) |
| Color | Nombre del color | Código Hex | Código Decimal | |
|---|---|---|---|---|
| Marrón oscuro | #800000 | (128,0,0) | ||
| rojo oscuro | #8B0000 | (139,0,0) | ||
| marrón | #A52A2A | (165,42,42) | ||
| firebrick | #B22222 | (178,34,34) | ||
| carmesí | #DC143C | (220,20,60) | ||
| tomate | #FF0000 | (255,0,0) | ||
| tomate | #FF6347 | (255,99,71) | ||
| coral | #FF7F50 | (255,127,80) | ||
| rojo indio | #CD5C5C | (205,92,92) | ||
| coral claro | #F08080 | (240,128,128) | ||
| salmón oscuro | #E9967A | (233,150,122) | ||
| salmón | #FA8072 | (250,128,114) | ||
| salmón claro | #FFA07A | (255,160,122) | ||
| rojo anaranjado | #FF4500 | (255,69,0) | ||
| naranja oscuro | #FF8C00 | (255,140,0) | ||
| naranja | #FFA500 | (255,165,0) | ||
| oro | #FFD700 | (255,215,0) | ||
| oro oscuro | #B8860B | (184,134,11) | ||
| goldenrod | #DAA520 | (218,165,32) | ||
| goldenrod claro | #EEE8AA | (238,232,170) | ||
| caqui oscuro | #BDB76B | (189,183,107) | ||
| caqui | #F0E68C | (240,230,140) | ||
| Oliva | #808000 | (128,128,0) | ||
| Amarillo | #FFFF00 | (255,255,0) | ||
| amarillo‑verde | #9ACD32 | (154,205,50) | ||
| verde oliva oscuro | #556B2F | (85,107,47) | ||
| verde oliva apagado | #6B8E23 | (107,142,35) | ||
| lawn green | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| verde‑amarillo | #ADFF2F | (173,255,47) | ||
| verde oscuro | #006400 | (0,100,0) | ||
| Verde | #008000 | (0,128,0) | ||
| verde bosque | #228B22 | (34,139,34) | ||
| Lima | #00FF00 | (0,255,0) | ||
| lime green | #32CD32 | (50,205,50) | ||
| verde claro | #90EE90 | (144,238,144) | ||
| verde pálido | #98FB98 | (152,251,152) | ||
| verde mar oscuro | #8FBC8F | (143,188,143) | ||
| verde primavera medio | #00FA9A | (0,250,154) | ||
| verde primavera | #00FF7F | (0,255,127) | ||
| verde mar | #2E8B57 | (46,139,87) | ||
| aguamarina media | #66CDAA | (102,205,170) | ||
| verde mar medio | #3CB371 | (60,179,113) | ||
| verde mar claro | #20B2AA | (32,178,170) | ||
| gris pizarra oscuro | #2F4F4F | (47,79,79) | ||
| Verde agua oscuro | #008080 | (0,128,128) | ||
| cian oscuro | #008B8B | (0,139,139) | ||
| cian | #00FFFF | (0,255,255) | ||
| cian | #00FFFF | (0,255,255) | ||
| cian claro | #E0FFFF | (224,255,255) | ||
| turquesa oscuro | #00CED1 | (0,206,209) | ||
| turquesa | #40E0D0 | (64,224,208) | ||
| turquesa medio | #48D1CC | (72,209,204) | ||
| turquesa pálido | #AFEEEE | (175,238,238) | ||
| aguamarina | #7FFFD4 | (127,255,212) | ||
| azul polvo | #B0E0E6 | (176,224,230) | ||
| azul cadete | #5F9EA0 | (95,158,160) | ||
| azul acero | #4682B4 | (70,130,180) | ||
| azul aciano | #6495ED | (100,149,237) | ||
| azul cielo profundo | #00BFFF | (0,191,255) | ||
| azul dodger | #1E90FF | (30,144,255) | ||
| azul claro | #ADD8E6 | (173,216,230) | ||
| azul cielo | #87CEEB | (135,206,235) | ||
| azul cielo claro | #87CEFA | (135,206,250) | ||
| azul medianoche | #191970 | (25,25,112) | ||
| Azul marino | #000080 | (0,0,128) | ||
| azul oscuro | #00008B | (0,0,139) | ||
| azul medio | #0000CD | (0,0,205) | ||
| Azul | #0000FF | (0,0,255) | ||
| azul real | #4169E1 | (65,105,225) | ||
| azul violeta | #8A2BE2 | (138,43,226) | ||
| índigo | #4B0082 | (75,0,130) | ||
| azul pizarra oscuro | #483D8B | (72,61,139) | ||
| azul pizarra | #6A5ACD | (106,90,205) | ||
| azul pizarra medio | #7B68EE | (123,104,238) | ||
| violeta medio | #9370DB | (147,112,219) | ||
| magenta oscuro | #8B008B | (139,0,139) | ||
| violeta oscuro | #9400D3 | (148,0,211) | ||
| orquídea oscura | #9932CC | (153,50,204) | ||
| orquídea media | #BA55D3 | (186,85,211) | ||
| violeta | #800080 | (128,0,128) | ||
| cardo | #D8BFD8 | (216,191,216) | ||
| ciruela | #DDA0DD | (221,160,221) | ||
| violeta claro | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orquídea | #DA70D6 | (218,112,214) | ||
| rojo violeta medio | #C71585 | (199,21,133) | ||
| rojo violeta pálido | #DB7093 | (219,112,147) | ||
| rosa intenso | #FF1493 | (255,20,147) | ||
| rosa cálido | #FF69B4 | (255,105,180) | ||
| rosa claro | #FFB6C1 | (255,182,193) | ||
| rosa | #FFC0CB | (255,192,203) | ||
| blanco antiguo | #FAEBD7 | (250,235,215) | ||
| beige | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| almendra blanqueada | #FFEBCD | (255,235,205) | ||
| trigo | #F5DEB3 | (245,222,179) | ||
| seda de maíz | #FFF8DC | (255,248,220) | ||
| amarillo chiffon | #FFFACD | (255,250,205) | ||
| goldenrod amarillo claro | #FAFAD2 | (250,250,210) | ||
| amarillo claro | #FFFFE0 | (255,255,224) | ||
| marrón silla | #8B4513 | (139,69,19) | ||
| siena | #A0522D | (160,82,45) | ||
| chocolate | #D2691E | (210,105,30) | ||
| perú | #CD853F | (205,133,63) | ||
| marrón arena | #F4A460 | (244,164,96) | ||
| madera sin tratar | #DEB887 | (222,184,135) | ||
| tan | #D2B48C | (210,180,140) | ||
| marrón rosado | #BC8F8F | (188,143,143) | ||
| mocasín | #FFE4B5 | (255,228,181) | ||
| blanco navajo | #FFDEAD | (255,222,173) | ||
| melocotón | #FFDAB9 | (255,218,185) | ||
| rosa niebla | #FFE4E1 | (255,228,225) | ||
| rosa lavanda | #FFF0F5 | (255,240,245) | ||
| lino | #FAF0E6 | (250,240,230) | ||
| encaje antiguo | #FDF5E6 | (253,245,230) | ||
| papaya | #FFEFD5 | (255,239,213) | ||
| concha marina | #FFF5EE | (255,245,238) | ||
| crema de menta | #F5FFFA | (245,255,250) | ||
| gris pizarra | #708090 | (112,128,144) | ||
| gris pizarra claro | #778899 | (119,136,153) | ||
| azul acero claro | #B0C4DE | (176,196,222) | ||
| lavanda | #E6E6FA | (230,230,250) | ||
| blanco floral | #FFFAF0 | (255,250,240) | ||
| azul alice | #F0F8FF | (240,248,255) | ||
| blanco fantasma | #F8F8FF | (248,248,255) | ||
| miel | #F0FFF0 | (240,255,240) | ||
| marfil | #FFFFF0 | (255,255,240) | ||
| azur | #F0FFFF | (240,255,255) | ||
| nieve | #FFFAFA | (255,250,250) | ||
| negro | #000000 | (0,0,0) | ||
| gris tenue | #696969 | (105,105,105) | ||
| gris | #808080 | (128,128,128) | ||
| gris oscuro | #A9A9A9 | (169,169,169) |
| Descubre Colores al instante: una potente herramienta de búsqueda RGB para diseñadores, desarrolladores y creadores | |
| Elegir el color perfecto es uno de los pasos más importantes en Cualquier Proyecto digital. Ya sea que estés diseñando un sitio web, creando un logotipo, desarrollando la interfaz de una app o simplemente experimentando con ideas visuales, la selección del color juega un papel fundamental en el resultado final. Para hacer este proceso más simple, rápido e intuitivo, hemos creado una herramienta que te permite encontrar exactamente el color que necesitas usando el mouse o introduciendo manualmente los valores RGB. | |
| ✔ Esta herramienta está diseñada para cualquier persona que trabaje con color y necesite una forma sencilla, precisa y eficiente de convertir valores RGB en una vista previa visual y un código hexadecimal limpio. | |
| ✔ Nuestro buscador de colores RGB se ha creado pensando en la usabilidad. Ofrece una experiencia fluida e interactiva que te permite explorar colores de forma visual o numérica, según tus preferencias. Tanto si eres un diseñador que prefiere ajustar un deslizador para encontrar la tonalidad perfecta como si eres un desarrollador que necesita introducir valores RGB exactos, esta herramienta se adapta a tu flujo de trabajo. | |
| ✔ La interfaz es limpia, responsiva y optimizada tanto para dispositivos de escritorio como móviles, asegurando que puedas usarla en cualquier momento de inspiración. | |
| Explora colores con el mouse | |
| ✔ Una de las funciones más potentes de esta herramienta es la posibilidad de ajustar el color usando el mouse. Con un simple movimiento puedes explorar todo el espectro de valores rojo, verde y azul. | |
| ✔ Este enfoque visual es perfecto para quienes desean experimentar con tonos y combinaciones sin conocer de antemano los valores numéricos exactos. A medida que mueves los controles, la herramienta actualiza instantáneamente la vista previa, ofreciéndote retroalimentación en tiempo real. | |
| ✔ Esto hace que sea increíblemente fácil ajustar matices, comparar variaciones y descubrir nuevas ideas de color que quizá no habías considerado. | |
| Introduce valores RGB con precisión | |
| ✔ Para quienes prefieren la exactitud, la herramienta permite introducir manualmente los tres valores RGB. Esto es especialmente útil para desarrolladores que trabajan con paletas de marca, guías de estilo o componentes de interfaz que requieren coincidencias exactas. | |
| ✔ Solo tienes que escribir los valores de rojo, verde y azul, y la herramienta mostrará inmediatamente el color correspondiente junto con su representación hexadecimal. | |
| ✔ Este sistema de doble entrada garantiza flexibilidad tanto para la exploración creativa como para la precisión técnica. | |
| Conversión automática de RGB a HEX | |
| ✔ Otro beneficio clave es la conversión automática de RGB a HEX. Muchos diseñadores y desarrolladores alternan constantemente entre estos formatos, especialmente al trabajar con CSS, software de diseño o branding digital. | |
| ✔ En lugar de calcular manualmente el código HEX o buscar un convertidor externo, nuestra herramienta lo hace al instante. En cuanto seleccionas o introduces tus valores RGB, el código HEX aparece en mayúsculas, listo para copiar y usar. | |
| ✔ Esto ahorra tiempo, reduce errores y simplifica el flujo de trabajo. | |
| Una herramienta educativa y profesional | |
| ✔ Además de sus funciones principales, el RGB Color Finder también está diseñado para ser educativo. Para principiantes, ofrece una forma sencilla de entender cómo los valores RGB se combinan para crear diferentes colores. | |
| ✔ Ajustando los controles o introduciendo números, los usuarios pueden ver cómo el aumento o disminución de cada componente afecta al resultado final. Esto lo convierte en un excelente recurso para estudiantes, aficionados y cualquiera que esté aprendiendo teoría del color digital. | |
| ✔ También es ideal para profesionales que necesitan un Selector de colores fiable que funcione directamente en el navegador sin instalaciones ni complementos. Ya sea para construir un sitio web, diseñar una interfaz o preparar una ilustración digital, tener acceso rápido a un Selector preciso puede acelerar enormemente el proceso creativo. | |
| ✔ Su diseño ligero garantiza tiempos de carga rápidos y una interfaz optimizada para la claridad y la facilidad de uso. | |
| Conclusión | |
| En un mundo donde la identidad visual es más importante que nunca, contar con las herramientas adecuadas para gestionar el color es esencial. Nuestro buscador de colores RGB combina simplicidad, precisión y flexibilidad en una única interfaz fácil de usar. | |
| Tanto si exploras colores con el mouse como si introduces valores RGB exactos, esta herramienta te ofrece todo lo necesario para encontrar la tonalidad perfecta y convertirla instantáneamente en un código HEX listo para usar. | |
| Es rápida, precisa y diseñada para apoyar tanto la creatividad como el trabajo técnico. | |
Deja un comentario o pregunta abajo |
 |
Calculadora Simple |
 |
Calculadora Científica |
 |
Calculadora de Área |
 |
Calculadora de Volumen |
 |
Convertidor de Unidades |
 |
Calculadora de Anillo (Annulus) |
 |
Herramienta de Conversión de Datos |
 |
Compresor de Imágenes |
 |
Compresor de Archivos |
 |
Selector de Colores RGB |
 |
Convertidor de Archivos a PDF |
 |
Generador de Border-Radius |
 |
Generador de Box-Shadow |
 |
Generador de Transform CSS |
 |
Probador de Dispositivos Responsivos |
 |
Convertidor de Zonas Horarias y Diferencia de Fechas |
 |
Calculadora de Porcentajes |
 |
Explorador de Tendencias de GitHub |
 |
Herramienta de Comparación de Tendencias |
 |
Generador de Códigos QR |
 |
Comparar archivos en línea |
 |
Prueba gratuita de velocidad del sitio web |
 |
Tu mejor currículum |
dzosoft.com © 2022 - 2026 Autor: Ing. A. Nasri. Todos los derechos reservados.
Usamos cookies para ayudarte a navegar de manera eficiente y realizar ciertas funciones. Encontrarás información detallada sobre todas las cookies en cada categoría de consentimiento a continuación. Las cookies clasificadas como “Necesarias” se almacenan en tu navegador porque son esenciales para habilitar las funciones básicas del sitio.
También utilizamos cookies de terceros que nos ayudan a analizar cómo usas este sitio web, almacenar tus preferencias,
y proporcionar contenido y anuncios relevantes para ti. Estas cookies solo se almacenarán en tu navegador
con tu consentimiento previo.
Puedes elegir habilitar o deshabilitar algunas o todas estas cookies, pero desactivar algunas puede afectar tu experiencia de navegación.
Al hacer clic en “Aceptar”, aceptas el uso de cookies según lo descrito en nuestra
Política de privacidad.
