Expertos en:

Inicio

M

Inicio

Tabla - Listado códigos de colores HTML y RGB para copiar fácil y gratis

 

En esta página, encontrarás una tabla completa de colores HTML y RGB que puedes copiar con un solo clic. Nuestra herramienta es ideal para diseñadores y desarrolladores web que buscan una manera rápida y eficiente de acceder a una amplia gama de colores y sus respectivos códigos. Copiar colores HTML y RGB nunca ha sido tan fácil y rápido. Solo necesitas hacer clic en cualquier color y su código se copiará automáticamente al portapapeles, listo para ser usado en tus proyectos.

Explora una Variedad de Colores para tus Proyectos Web y Diseños gráficos

A continuación, te presentamos una tabla detallada de colores, organizada por categorías para facilitar tu búsqueda. Cada color está disponible tanto en formato HTML como RGB, permitiéndote elegir el formato que mejor se adapte a tus necesidades.

Lista de Colores HTML y RGB Disponibles (más usados del mundo)

Debajo, encontrarás una gran lista de colores HTML y RGB disponibles, para que copies con 1 solo clic (se copiará el código HTML).

Vamos... ¡A qué esperas!

DigiAcción

AGENCIA DE MARKETING DIGITAL

¿Te ayudamos a potenciar tu negocio? ¡Contáctanos ahora!

Agenda una asesoría gratuita

Blanco, Negro y Grises

Blanco
HTML: #FFFFFF
RGB: rgb(255, 255, 255)

Gris Claro
HTML: #D3D3D3
RGB: rgb(211, 211, 211)

Gris Plateado
HTML: #C0C0C0
RGB: rgb(192, 192, 192)

Gris Medio
HTML: #A9A9A9
RGB: rgb(169, 169, 169)

Gris Ceniza
HTML: #B2BEB5
RGB: (178, 190, 181)

Gris Pizarra
HTML: #708090
RGB: (112, 128, 144)

Gris Oscuro
HTML: #696969
RGB: rgb(105, 105, 105)

Gris Antracita
HTML: #2F4F4F
RGB: (47, 79, 79)

Negro
HTML: #000000
RGB: rgb(0, 0, 0)

Rosas y Rojos

Rosa Palo
HTML: #FFD1DC
RGB: (255, 209, 220)

Rosa Claro
HTML: #FFB6C1
RGB: (255, 182, 193)

Rosa
HTML: #FF69B4
RGB: (255, 105, 180)

Rosa Fucsia
HTML: #FF00FF
RGB: (255, 0, 255)

Rojo Coral
HTML: #FF7F50
RGB: (255, 127, 80)

Rojo Mandarina
HTML: #FF6347
RGB: (255, 99, 71)

Rojo
HTML: #FF0000
RGB: (255, 0, 0)

Rojo Oscuro
HTML: #8B0000
RGB: (139, 0, 0)

Rojo Granate
HTML: #800000
RGB: (128, 0, 0)

Naranjas y Marrones

Naranja Claro
HTML: #FFA07A
RGB: (255, 160, 122)

Naranja
HTML: #FFA500
RGB: (255, 165, 0)

Naranja Quemado
HTML: #CC5500
RGB: (204, 85, 0)

Marrón Arena
HTML: #F4A460
RGB: (244, 164, 96)

Marrón Claro
HTML: #D2B48C
RGB: (210, 180, 140)

Marrón Oscuro
HTML: #8B4513
RGB: (139, 69, 19)

Marrón Chocolate
HTML: #7B3F00
RGB: (123, 63, 0)

Marrón
HTML: #A52A2A
RGB: (165, 42, 42)

Marrón Rojizo
HTML: #8B0000
RGB: (139, 0, 0)

Amarillos

Amarillo Pálido
HTML: #FFFACD
RGB: (255, 250, 205)

Amarillo Oro Claro
HTML: #FAFAD2
RGB: (250, 250, 210)

Amarillo Maíz
HTML: #FFF8DC
RGB: (255, 248, 220)

Amarillo Canario
HTML: #FFEF00
RGB: (255, 239, 0)

Amarillo Mostaza
HTML: #FFDB58
RGB: (255, 219, 88)

Amarillo Dorado
HTML: #FFD700
RGB: (255, 215, 0)

Amarillo Oscuro
HTML: #FFD700
RGB: (255, 215, 0)

Amarillo Miel
HTML: #FFB347
RGB: (255, 179, 71)

Amarillo Naranja
HTML: #FFA500
RGB: (255, 165, 0)

Verdes

Verde Claro
HTML: #90EE90
RGB: (144, 238, 144)

Verde Primavera
HTML: #00FF7F
RGB: (0, 255, 127)

Verde Esmeralda
HTML: #50C878
RGB: (80, 200, 120)

Verde Oliva
HTML: #808000
RGB: (128, 128, 0)

Verde Musgo
HTML: #8FBC8F
RGB: (143, 188, 143)

Verde Lima
HTML: #32CD32
RGB: (50, 205, 50)

Verde Mar
HTML: #2E8B57
RGB: (46, 139, 87)

Verde Bosque
HTML: #228B22
RGB: (34, 139, 34)

Verde Neón
HTML: #27AE60
RGB: (39, 174, 96)

Cian y Turquesa

Aguamarina
HTML: #7FFFD4
RGB: (127, 255, 212)

Turquesa Medio
HTML: #48D1CC
RGB: (72, 209, 204)

Cian Medio
HTML: #00CED1
RGB: (0, 206, 209)

Verde Azulado
HTML: #20B2AA
RGB: (32, 178, 170)

Verde Agua
HTML: #5F9EA0
RGB: (95, 158, 160)

Cian Oscuro
HTML: #008B8B
RGB: (0, 139, 139)

Azules

Azul Celeste
HTML: #87CEEB
RGB: (135, 206, 235)

Azul Claro
HTML: #ADD8E6
RGB: (173, 216, 230)

Azul Cian
HTML: #2D9CDB
RGB: (45, 156, 219)

Azul Dodger
HTML: #1E90FF
RGB: (30, 144, 255)

Azul Real
HTML: #4169E1
RGB: (65, 105, 225)

Azul Cadete
HTML: #5F9EA0
RGB: (95, 158, 160)

Azul Acero
HTML: #4682B4
RGB: (70, 130, 180)

Azul Cobalto
HTML: #0047AB
RGB: (0, 71, 171)

Azul Medianoche
HTML: #191970
RGB: (25, 25, 112)

Púrpuras y Violetas

Violeta
HTML: #EE82EE
RGB: (238, 130, 238)

Magenta Oscuro
HTML: #8B008B
RGB: (139, 0, 139)

Lavanda Oscura
HTML: #734F96
RGB: (115, 79, 150)

Ciruela
HTML: #DDA0DD
RGB: (221, 160, 221)

Violeta Púrpura
HTML: #800080
RGB: (128, 0, 128)

Malva
HTML: #9932CC
RGB: (153, 50, 204)

Colores Raros y Desconocidos

Celadón
HTML: #ACE1AF
RGB: (172, 225, 175)

Cardenillo
HTML: #77DD77
RGB: (119, 221, 119)

Verdigris
HTML: #43B3AE
RGB: (67, 179, 174)

Drake's Neck Green
HTML: #355E3B
RGB: (53, 94, 59)

Glaucous
HTML: #6082B6
RGB: (96, 130, 182)

Zafiro
HTML: #0F52BA
RGB: (15, 82, 186)

Smalt
HTML: #003399
RGB: (0, 51, 153)

Malva
HTML: #B784A7
RGB: (183, 132, 167)

Gamboge
HTML: #E49B0F
RGB: (228, 155, 15)

Amaranto
HTML: #E52B50
RGB: (229, 43, 80)

Cinabrio
HTML: #E34234
RGB: (227, 66, 52)

Falu Rojo
HTML: #801818
RGB: (128, 24, 24)

Colores Metálicos (Metales)

Oro Metálico
HTML: #D4AF37
RGB: (212, 175, 55)

Plata Metálica
HTML: #C0C0C0
RGB: (192, 192, 192)

Bronce Metálico
HTML: #CD7F32
RGB: (205, 127, 50)

Cobre Metálico
HTML: #B87333
RGB: (184, 115, 51

Titanio
HTML: #878681
RGB: (135, 134, 129)

Platino
HTML: #E5E4E2
RGB: (229, 228, 226)

Colores Metalizados (Metales Brillantes)

Oro Brillante
HTML: #FFD700
RGB: (255, 215, 0)

Oro Rosado
HTML: #B76E79
RGB: (183, 110, 121)

Acero Inoxidable
HTML: #B0C4DE
RGB: (176, 196, 222)

Latón
HTML: #B5A642
RGB: (181, 166, 66)

Aluminio
HTML: #A9ACB6
RGB: (169, 172, 182)

Níquel
HTML: #AFAFAF
RGB: (175, 175, 175)

Colores Mates

Rojo Mate
HTML: #C1440E
RGB: (193, 68, 14)

Azul Mate
HTML: #4863A0
RGB: (72, 99, 160)

Verde Mate
HTML: #4B5320
RGB: (75, 83, 32)

Negro Mate
HTML: #555555
RGB: (85, 85, 85)

Gris Mate
HTML: #8B8B8B
RGB: rgb(139, 139, 139)

Marrón Mate
HTML: #5C4033
RGB: (92, 64, 51)

Colores Pastel

Rosa Pastel
HTML: #FFD1DC
RGB: (255, 209, 220)

Azul Pastel
HTML: #AEC6CF
RGB: (174, 198, 207)

Verde Pastel
HTML: #77DD77
RGB: (119, 221, 119)

Amarillo Pastel
HTML: #FDFD96
RGB: (253, 253, 150)

Lavanda Pastel
HTML: #CBAACB
RGB: (203, 170, 203)

Melocotón Pastel
HTML: #FFB347
RGB: (255, 179, 71)

Colores Terrosos

Tierra Siena
HTML: #E97451
RGB: (233, 116, 81)

Arcilla
HTML: #A67B5B
RGB: (166, 123, 91)

Café
HTML: #6F4E37
RGB: (111, 78, 55)

Caqui
HTML: #C3B091
RGB: (195, 176, 145)

Siena Tostada
HTML: #D2691E
RGB: (210, 105, 30)

Tierra Quemada
HTML: #734A12
RGB: (115, 74, 18)

DigiAcción

AGENCIA DE MARKETING DIGITAL

¿Te ayudamos a potenciar tu negocio? ¡Contáctanos ahora!

Agenda una asesoría gratuita

¿Por qué usar nuestra Tabla de Colores Más Usados del Mundo?

Nuestra herramienta es una tabla de los colores más usados del mundo; es una solución completa para cualquiera que trabaje con diseño web, desarrollo o simplemente quiera tener acceso rápido a códigos de colores precisos. Aquí te explicamos por qué nuestra página es el mejor recurso para copiar colores HTML y RGB:

  • Variedad Extensa de Colores: Cubrimos una gama completa de colores, desde los básicos como el blanco y negro, hasta tonos más específicos como el turquesa, lavanda, y ocre.
  • Organización por Categorías: Los colores están organizados en categorías claras para que puedas encontrar rápidamente el tono exacto que necesitas.
  • Facilidad de Uso: Con un solo clic, puedes copiar el código HTML del color seleccionado, lo que te ahorra tiempo y reduce el riesgo de errores.
  • Diseño Intuitivo: Nuestra interfaz es sencilla y directa, lo que facilita la navegación y el uso de la herramienta.
  • Compatibilidad Total: Los colores que encuentras aquí son compatibles con todos los navegadores y editores de código, asegurando que tus proyectos luzcan exactamente como lo planeas.

 

Cómo Copiar Códigos de Colores HTML y RGB

Nuestra herramienta está diseñada para que copiar los códigos HTML y RGB de los colores sea lo más sencillo posible. Con solo hacer clic en el color deseado, el código HTML se copia automáticamente al portapapeles, listo para ser pegado en tu código o software de diseño. Este proceso simple y eficiente te ahorra tiempo y reduce el riesgo de errores.

¿Por Qué es Útil Esta Funcionalidad?

En muchos proyectos de diseño web, la consistencia del color es crucial. Al copiar directamente el código de color, te aseguras de que los colores se mantengan uniformes en todo tu trabajo. Además, la capacidad de copiar tanto el código HTML como el RGB te permite trabajar con diferentes sistemas de diseño sin complicaciones.

Copiar Códigos HTML de Colores

Los códigos HTML de colores son fundamentales en el desarrollo web. Se utilizan para definir los colores de fondo, texto, bordes, y otros elementos en una página web. Con nuestra herramienta, copiar estos códigos es sencillo:

  1. Navega por la tabla de colores en nuestra página y encuentra el color que deseas utilizar.
  2. Haz clic en el color; el código HTML (se copiará), que es una cadena de seis caracteres precedida por un símbolo de almohadilla (#), se copiará automáticamente al portapapeles.
  3. Pega el código HTML directamente en tu archivo CSS, HTML, o en cualquier otra aplicación de diseño. Este proceso asegura que los colores en tu proyecto sean precisos y consistentes.

Ejemplo: Si eliges un color rojo brillante, el código #FF0000 se copiará con un solo clic. Puedes utilizar este código para definir un color de fondo, color de texto, o cualquier otro elemento visual en tu página web.

Copiar Códigos RGB de Colores

Además de los códigos HTML, los códigos RGB son otra forma popular de definir colores en diseño web y gráfico. Los códigos RGB (Red, Green, Blue) especifican los niveles de los tres colores primarios que componen un color, con valores que van de 0 a 255.

Para copiar un código RGB utilizando nuestra herramienta, sigue estos pasos:

  1. Encuentra el color en la tabla de colores.
  2. Copia directamente y manualmente el color RGB. SI das clic al color, solo se copiará el código HTML.

Los códigos RGB te permiten una gran flexibilidad, ya que puedes ajustar los niveles de rojo, verde y azul para obtener el tono exacto que deseas.

 

Herramienta de Copiador de Colores en Línea. Selector de colores.

Nuestra página no es solo una tabla de colores; es una herramienta completa de copiador de colores en línea diseñada para facilitar el trabajo de diseñadores y desarrolladores. La funcionalidad de copiar códigos de colores HTML y RGB con un solo clic te ahorra tiempo y esfuerzo, permitiéndote concentrarte en lo que realmente importa: el diseño y la creación. Con este selector de colores, podrás seleccionar de forma muy sencilla tus colores favoritos.

Este copiador de colores en línea es ideal tanto para profesionales como para aficionados que necesitan una forma rápida y fiable de acceder a códigos de colores. Con una interfaz fácil de usar y una funcionalidad robusta, nuestra herramienta se convierte en un recurso indispensable para cualquier persona que trabaje con colores en el mundo digital.

Ventajas de Usar un Copiador de Colores en Línea

El uso de un copiador de colores en línea presenta múltiples ventajas, especialmente en comparación con los métodos manuales tradicionales:

  • Ahorro de Tiempo: Con solo un clic, puedes copiar el código de color que necesitas, evitando la búsqueda manual y la entrada de datos que consume mucho tiempo. Esta eficiencia te permite centrarte en la parte creativa de tu trabajo.
  • Reducción de Errores: Al copiar los códigos de color directamente desde nuestra tabla, eliminas la posibilidad de errores tipográficos o de selección incorrecta de color, lo cual es crucial para mantener la consistencia del diseño en tu proyecto.
  • Acceso Instantáneo a una Amplia Gama de Colores: Nuestra herramienta ofrece acceso a una variedad extensa de colores, desde los más comunes hasta tonos específicos que pueden ser difíciles de encontrar. Esto te asegura que siempre tendrás a mano el color exacto que necesitas.
  • Compatibilidad Multiplataforma: Los códigos de colores que puedes copiar son compatibles con todos los principales editores de texto, software de diseño gráfico y navegadores, lo que te permite usarlos sin problemas en cualquier entorno.
  • Uso Intuitivo: No necesitas ser un experto en tecnología para usar nuestra herramienta. La interfaz es simple y directa, lo que facilita su uso a cualquier nivel de habilidad.

Nuestra herramienta está diseñada para ser tu recurso principal en la selección y copia de colores HTML y RGB. Con una interfaz intuitiva y funcionalidad optimizada, es la elección ideal para profesionales del diseño y la programación.

 

Selector de Código de Color HTML

Nuestro Selector de Código de Color HTML es una herramienta esencial para diseñadores y desarrolladores que necesitan seleccionar y copiar rápidamente códigos HTML de colores específicos. Con esta herramienta, puedes explorar una amplia gama de colores, encontrar el tono exacto que necesitas, y copiar su código HTML con un solo clic.

Los códigos de color HTML son fundamentales en el diseño web, ya que definen la apariencia de cualquier elemento en una página web. Nuestro selector te permite visualizar fácilmente cómo se verá el color en tu sitio web, asegurando que haces la elección correcta antes de implementar el código.

Ventajas del Selector de Código de Color HTML:

  • Precisión en la Selección: Navega por una vasta gama de colores y selecciona con precisión el código HTML que mejor se adapta a tu proyecto.
  • Copiado Instantáneo: Con un simple clic, puedes copiar el código HTML y pegarlo directamente en tu editor de código, ahorrando tiempo y esfuerzo.
    Interfaz Fácil de Usar: Diseñado para ser intuitivo, incluso para aquellos que son nuevos en el diseño web.

 

Selector de Código de Color RGB:

El Selector de Código de Color RGB en nuestra página es una herramienta poderosa para quienes necesitan trabajar con códigos RGB. Esta herramienta es ideal para diseñadores gráficos y desarrolladores que requieren un control detallado sobre los niveles de rojo, verde y azul en sus proyectos.

Al usar nuestro selector de código RGB, puedes ajustar los valores de cada componente del color hasta obtener el tono exacto que buscas. Una vez que hayas encontrado el color perfecto, puedes copiar el código RGB con un solo clic y utilizarlo en tu software de diseño o directamente en tu código CSS.
Ventajas del Selector de Código de Color RGB:

  • Control Total sobre los Colores: Ajusta los valores de rojo, verde y azul para obtener el tono exacto que necesitas.
    Compatibilidad con Software de Diseño: Los códigos RGB copiados son compatibles con la mayoría de las aplicaciones de diseño gráfico y edición de fotos.
  • Visualización en Tiempo Real: Visualiza cómo se verá el color seleccionado en tiempo real antes de copiarlo.

 

Color Picker Online Gratis

Nuestro color picker online gratis es la solución definitiva para seleccionar y copiar colores directamente desde tu navegador. Esta herramienta es especialmente útil para diseñadores, desarrolladores y cualquier persona que trabaje con colores en proyectos digitales. Con nuestro color picker, puedes explorar una infinita gama de colores, ajustar tonos y saturaciones, y copiar fácilmente el código HTML o RGB del color seleccionado.

El Color Picker Online es intuitivo y accesible desde cualquier dispositivo con conexión a Internet. Ya no necesitas instalar software adicional para seleccionar colores; simplemente visita nuestra página, utiliza el color picker y copia el código que necesitas en cuestión de segundos.
Ventajas del Color Picker Online:

  • Accesibilidad desde Cualquier Lugar: Utiliza el color picker desde cualquier dispositivo, en cualquier momento.
  • Gama Infinita de Colores: Explora una amplia gama de colores y encuentra el tono exacto que necesitas.
  • Copia Fácil de Códigos: Copia el código HTML o RGB del color seleccionado con un solo clic, listo para ser usado en tu proyecto.

 

Código HTML para copiar y pegar

Con nuestra herramienta gratis de codigo HTML para copiar y pegar, podrás buscar los colores que más te gusten y ver sus códigos de colores html hexadecimal de forma sencilla y rápida. Copia y pega con los códigos html de forma automática y mira también los códigos en RBG por si los necesitas.

 

Selector de Color de Imagen Online

El Selector de Color de Imagen Online es una herramienta única que te permite extraer colores directamente de cualquier imagen. Esta herramienta es perfecta para diseñadores gráficos, desarrolladores web, y cualquier persona que necesite coincidir colores en un proyecto digital con los de una imagen específica.

Solo tienes que subir tu imagen a nuestra plataforma, y el selector te permitirá hacer clic en cualquier parte de la imagen para obtener el código HTML o RGB del color seleccionado. Esto es especialmente útil para crear paletas de colores coherentes que se alineen con la estética visual de una marca o proyecto.

 

Listado de Colores HTML con su Código Hexadecimal y RGB

Este listado completo de colores HTML junto con sus respectivos códigos hexadecimales y códigos RGB. Esta lista es una herramienta indispensable para diseñadores y desarrolladores que buscan precisión en la selección y aplicación de colores en sus proyectos web.

Cada color en la lista está acompañado de su código hexadecimal, que es ampliamente utilizado en HTML y CSS para definir colores en la web, y su código RGB, que es esencial en diseño gráfico y desarrollo digital. Con esta información, puedes asegurarte de que los colores en tu proyecto sean consistentes y fieles a la paleta que deseas utilizar.

Este listado de colores te permitirá explorar una amplia gama de tonos, desde los más comunes hasta los más específicos, facilitando el acceso rápido a los códigos que necesitas para tu trabajo diario.

¡Disfrútalo!

Preguntas Frecuentes (FAQ) sobre Códigos de Colores HTML y RGB

1. ¿Qué es un Código HTML de Color?

Un código HTML de color es una cadena de seis caracteres precedida por un símbolo de almohadilla (#) que define un color en las páginas web. Cada par de caracteres representa los valores de los colores rojo (R), verde (G) y azul (B) en formato hexadecimal. Por ejemplo, el código #FFFFFF representa el color blanco puro, mientras que #000000 representa el negro.

2. ¿Cómo se Usa un Código RGB en Diseño Web?

Los códigos RGB definen un color en términos de sus componentes rojo (R), verde (G) y azul (B), expresados en valores numéricos de 0 a 255. Estos valores se combinan para crear el color final que ves en pantalla. Por ejemplo, rgb(255, 0, 0) representa el color rojo puro. En diseño web, estos códigos se utilizan en hojas de estilo CSS para especificar los colores de fondo, texto, bordes y otros elementos gráficos.

3. ¿Cuál es la Diferencia entre Códigos HTML y RGB?

Los códigos HTML y RGB son dos formas de representar colores, pero tienen diferencias clave:

  • Códigos HTML: Se utilizan principalmente en el código HTML y CSS. Son cadenas de seis caracteres en formato hexadecimal, como #FFFFFF para blanco.
  • Códigos RGB: Utilizan valores numéricos para representar las intensidades de rojo, verde y azul. Se escriben en formato rgb(255, 255, 255), donde cada valor puede variar de 0 a 255.

4. ¿Por Qué Usar Códigos Hexadecimales en Lugar de Nombres de Colores?

Usar códigos hexadecimales como #FF5733 en lugar de nombres de colores como "red" es preferible porque los códigos hexadecimales permiten una gama mucho más amplia de colores. Mientras que los nombres de colores HTML están limitados a 140 opciones predefinidas, los códigos hexadecimales pueden representar más de 16 millones de colores diferentes, ofreciendo una precisión mucho mayor.

5. ¿Cómo Puedo Convertir un Código RGB a HTML?

Para convertir un código RGB a HTML (hexadecimal), puedes usar herramientas en línea o hacerlo manualmente. Por ejemplo, el código rgb(255, 165, 0) se convierte en #FFA500 en formato HTML. En el proceso de conversión, los valores de RGB se transforman en sus equivalentes hexadecimales y luego se combinan en una cadena precedida por un #.

6. ¿Es Compatible mi Navegador con los Códigos de Colores HTML y RGB?

Sí, todos los navegadores modernos son compatibles con códigos de colores HTML y RGB. Esto incluye Google Chrome, Mozilla Firefox, Safari, Microsoft Edge, y otros navegadores importantes. Estos códigos son estándar en la web y funcionan correctamente en cualquier entorno de diseño y desarrollo web.

7. ¿Puedo Usar Códigos de Colores HTML y RGB en Programas de Diseño Gráfico?

Sí, los códigos HTML y RGB son compatibles con la mayoría de los programas de diseño gráfico, incluidos Adobe Photoshop, Illustrator, y GIMP. Puedes copiar y pegar estos códigos directamente en las opciones de color de estos programas para garantizar que los colores sean precisos y consistentes en todos tus diseños.

8. ¿Por Qué Debería Usar una Herramienta de Copiador de Colores?

Usar una herramienta de copiador de colores en línea te permite trabajar de manera más eficiente, especialmente cuando necesitas colores específicos repetidamente en diferentes partes de tu proyecto. Además, reduce el riesgo de errores, ya que no tienes que ingresar manualmente los códigos de color. Nuestra herramienta te permite copiar colores con un solo clic, lo que mejora la productividad y asegura la consistencia en todos tus trabajos.

DigiAcción

AGENCIA DE MARKETING DIGITAL

¿Te ayudamos a potenciar tu negocio? ¡Contáctanos ahora!

Agenda una asesoría gratuita

agencia digiaccion