Saltar al contenido
InternetPasoaPaso

Selector de colores


¡Enhorabuena! Acabas de llegar a la mejor herramienta para elegir y seleccionar miles de colores con todos los códigos disponibles, desde colores en código HTML para tu web o aplicación, además de los códigos hexadecimales, RGB o HSL de cada color. Busca ejemplos en las tablas con todos los nombres de los colores disponbles más abajo, todo un arco iris multicolor!

 

 

 

¿Cómo usar la paleta o selector de código de colores online?

La herramienta es bastante fácil de utilizar. Lo que debes hacer es seguir los pasos que te explicamos a continuación:

  • Cómo puedes observar, la herramienta de código de colores tiene dos partes; el cuadro de tonalidades, que es el más grande, y la barra de colores en la que se muestra toda la paleta de colores disponibles.
  • Lo que debes hacer es definir un color en la barra vertical al lado del cuadro de tonalidades.
  • Una vez tengas el color, debes definir la tonalidad del mismo en el cuadro de la derecha.
  • En la parte inferior de la herramienta, verás los códigos HEX, RGB, HSV y HSL correspondientes al color seleccionado. ¿Fácil verdad?
Circulo cromático de colores
Circulo cromático de colores

Tipos de códigos de colores, usos, significados y como usarlos

Ahora que sabes utilizar la herramienta online de selector de códigos de colores, es momento de que aprendas cómo y cuándo utilizar los diferentes códigos que esta te proporciona para los diferentes programas, webs etc.

Colores en código HTML

El HTML es el lenguaje más utilizado en la creación de sitios web. Cuando estamos diseñando una web, no podemos determinar los colores solo con el nombre, sino expresarlos en su correspondiente código HTML, es ahí cuando es útil nuestra herramienta ya que te proporciona dicha información para facilitarte el trabajo. Solo necesitas obtener el código HTML correspondiente al color elegido y copiarlo y pegarlo en tu sitio web.

Colores con códigos hexadecimal (HEX)

Los códigos de color HEX o hexadecimal, se componen por seriales hexadecimales, los cuales permiten identificarlos de una manera más sencilla y directa. Sin embargo, este código en ocasiones suele ser menos usado ya que no permite definir la opacidad del color, por lo que si bien está destinado a usarse en la programación HTML y CSS, en la mayoría de las veces se limita a estar presente en programas de edición como Photoshop o Illustrator para definir colores a los que posteriormente se les pueda editar la opacidad o añadir efectos y texturas.

Colores con código decimal (RGB)

Los códigos decimales de colores RGB son aquellos que se expresan indicando la intensidad de cada uno de los colores primarios en su composición. Estos colores son el rojo, verde y azul, y en esta nomenclatura permiten una concentración de 256 niveles, lo que permite una paleta de más de 16.777.216 de colores diferentes.

El código resultante para cada color indica la concentración de cada uno de los colores primarios para obtenerlo, correspondiendo:

  • El primer número al color rojo.
  • El segundo al verde.
  • El tercer número al color azul.

Por ejemplo, el color «verde eléctrico» se representa con los números 0, 255, 0, lo que indica que tiene una concentración de 0 para el rojo, 255 niveles de verde y 0 para el azul.

Al código del color elegido se le puede añadir un número extra al final para especificar la opacidad o transparencia que oscila entre el 0 y el 1. Es decir, que si al color verde eléctrico le añades un 0.5 al final, estarías indicando que este color entra una opacidad del 50%, quedando su código de la siguiente forma; 0, 255, 0, 0.5. A este formato se le conoce como RGBA.

Modelo de color HSV

El modelo de color HSV (matriz, saturación y valor por su traducción del inglés) es utilizado más que todo para la elección de los colores de las aplicaciones, ya que se obtienen tonalidades más precisas. En este modelo se determina la matriz, que define un valor en grados (°) del color dentro de una paleta de colores circulares, luego la saturación del mismo y por último su brillo o valor. La matriz admite un valor de 0° a 360°, mientras que la saturación y el brillo admiten valores porcentuales entre 0% y 100%.

Al igual que con el modelo RGB, se determinan tres valores:

  • Siendo el primero para la matriz
  • El segundo para la saturación
  • El tercero para el brillo

En este modelo, el «verde eléctrico» se representa con 120°, 100%, 100%.

Tabla con los nombres de los colores y sus códigos HTML, HEX, RGB y HSV

A continuación te presentamos una lista con los colores más utilizados en la programación y el diseño gráfico, de modo que identifiques sus códigos hexadecimales, RGB y HSV de una forma mucho más sencilla y puedas copiar y pegar en tus creaciones y diseños webs, aplicaciones, plantillas, canvas etc


Colores marrones y ocres

Encuentra rápidamente los códigos HTML de los colores de tonalidad marrón y ocre, para que los uses en cualquiera de tus proyectos con la mayor precisión posible.

NombreMuestraCod. Hex.RGBHSV
Almendra#EFDECD23922220530°52%87%
Arena#ECE2C623622619844°16%92%
Bistre#9671171501132343°85%58.59375%
Bistre español#8E6E371421105538°61%55.46875%
Café#591F0B89311115°88%34.765625%
Castaño#80000012800100%50%
Pardo#694C41105766517°38%41.015625%
Ante o marrón claro#BA7C451861246928°63%72.65625%
Bronce#CD7F322051275030°76%80.078125%
Barbecho#C19A6B19315410733°45%75.390625%
Gamuza#E6B57E23018112632°45%89.84375%
Beis o beige#E8C39E23219515830°32%90.625%
Caoba#C0400019264020°100%75%
Caqui#C3B09119517614537°26%76.171875%
Caqui claro#F0E68C24023014054°42%94%
Caqui oscuro#BDB76B18918310756°43%74%
Canela o canelo#996B421531076628°57%60%
Chocolate#7B3F0012363031°100%48%
Herrumbre#A2522B162824320°73%64%
León o leonado#BC86481881347232°62%74%
Marrón#964B0015075030°100%58.59375%
Marrón cuero#8B4513139691925°86%55%
Marrón dorado#9965151531012136°86%60%
Marrón claro#B5651D1811012928°84%71%
Marrón medio#80400012864030°100%50%
Marrón oscuro#654321101673330°67%40%
Marrón pálido#9876541521188430°45%60%
Marrón sepia#5C534392836738°27%36%
Melado#D195382091495636°62%52%
Ocre#B9935A1851479036°51%73%
Ocre amarillo#D1974D2091517734°63%82%
Ocre amarillo#B5783A1811205830°68%71%
Ocre rojo#7D3F32125635010°60%49%
Ocre pardo#5F3F3E95636235%37%
Ocre pardo oscuro#4B382F75564719°37%29%
Ocre oro#573F2587633731°57%34%
Ocre dorado#C97E282011264032°80%79%
Ocre dorado tostado#9A66191541022536°84%60%
Ocre carne#874639135705710°58%53%
Pardo ocre#955F20149953232°79%58%
Pardo verdoso#826C341301085243°60%51%
Perú#CD853F2051336330°69%80.078125%
Rufo#CB6D512031098114°60%80%
Secuoya#8A5754138878439%54%
Sepia#663B2A102594217°59%40%
Sepia#524B3B82755942°28%32%
Siena#882D17136452312°83%53%
Siena tostado#8E372E142554668%55.46875%
Tabaco#50301E80483022°63%31%
Treviso#823A3F1305863356°55%51%
Wengué#3D2E2C61464428%24%
Acicoria#5C534292836639°28%36%
Achicoria#5D534293836638°29%36%
Albero#C48A3C1961386034°69%37%

Colores rojos y tintos

En esta tabla encontrarás rápidamente y con precisión todos los códigos HTML de los colores de tonos rojos y tintos, así no perderás tiempo buscando cada uno de forma manual en la herramienta.

NombreMuestraCod. Hex.RGBHSV
Rojo#FF000025500100%100%
Rojo (estándar)#E60026230038350°100%90%
Almagre#DC23392203557353°84%86%
Bermejo#D22C21210443384%82%
Bermellón#E62E0023046012°100%90%
Bermellón de China#B21A271782639355°85%70%
Bermellón de Holanda#E62E11230461793%90%
Burdeos o bordó#6D071A109726349°94%43%
Vino#900020144032346°100%56%
Carmesí#E51A4C2292676345°89%90%
Carmín (estándar)#D10047209071340°100%82%
Carmín (pictórico)#C30B4E1951178338°94%76%
Carmín de alizarina#A11C551612885334°83%63%
Rojo Munsell#F2003C242060345°100%95%
Coral#E51D2E2292946355°87%90%
Escarlata#E30032227050347°100%89%
Escarlata Gobelinos#BD002F189047345°100%74%
Frambuesa#E61D522302982344°87%90%
Granate#AA1C471702871342°84%67%
Grana#AB2A3E1951658346°92%76%
Hematita roja#D4442F212684778%83%
Hígado#891E351373053347°78%54%
Rojo Falun#7C342B124524365%49%
Rojo indio#882D17136452312°83%53%
Rojo persa#CB1D11203291792%80%
Rojo toscano#79443B121685951%47%
Rojo veneciano#6E433C110676045%43%
Tomate o cartamina#D5303E2134862355°77%84%
Rojo filipino#C810232001635354°92%78%
Rojo sandía#C03E3E192626268%75%

Colores de transición de rojo a naranja

Aquí tienes todos los códigos HTML de los colores de tonos transitorios entre el rojo y el naranja, desde el más claro hasta el más oscuro, de modo que elijas el que más te guste para tu proyecto.

NombreMuestraCod. Hex.RGBHSV
Rojo anaranjado#FF20002553207.5°100%100%
Rojo anaranjado (estándar)#E82300232350100%91%
Naranja eléctrico#FF320225551212°99%100%
Rojo naranja#FF400025564015°100%100%
Rojo naranja (estándar)#FF450025569016°100%100%
Naranja Rojizo#FF600025596022.5°100%100%
Naranja rojizo (estándar)#E9540023384022°100%91%

Colores naranjas

Los códigos HTML de los colores de tonos naranjas están en esta tabla, así podrás ubicar cada uno lo más rápido posible sin necesidad de hacerlo en la herramienta directamente.

NombreMuestraCod. Hex.RGBHSV
Aleación de naranjo#C46210196981627°85%42%
Ámbar#E2893A2261375828°74%89%
Calabaza#EDAA7C23717012424°48%93%
Calabaza#D993432171476732°69%85%
Naranja caqui#F38D3C2431416027°75%95%
Naranja caqui#E25F23226953519°85%89%
Naranja#FF8000255128030°100%100%
Naranja (obscuro)#E65F0023095025°100%90%
Naranja claro#FED8B125421617730°30%100%
Naranja medio#FF7802255120228°99%100%
Naranja oscuro#FF8C00255140033°100%100%
Dorado#D4AF372121755546°74%83%
Llama#F98F1D2491432931°88%98%
Salmón#FA807225012811454%98%

Colores amarillos

Aquí tienes los códigos HTML de los colores de tonos amarillos, son una amplia gama de ellos en los que se muestra desde las mezclas más puras hasta aquellas que están más cerca del mostaza y el verde o naranja.

NombreMuestraCod. Hex.RGBHSV
Amarillo#FFFF00255255060°100%100%
Amarillo claro#FFFFE025525522460°12%100%
Amarillo indio#E3A8572271688735°62%89%
Amarillo limón#FFF83B2552485958°77%100%
Amarillo medio#FFE302255227254°99%100%
Amarillo oscuro#9C9C00156156060°100%61%
Ámbar#FFDF00250215051°100%50%
Cetrino#E4D00A2282081054°92%47%
Colza#FFE900255233055°100%100%
Crema#FFFDD025525320857°18%100%
Gualdo​ o amarillo gualda#FFD700255215051°100%100%
Flavo​ o amarillo claro#FEFF3F2542556360°100%62%
Áureo o amarillo pastel#FDFD9625325315060°96%79%
Aureolina o amarillo de cobalto#FFE6612552309751°62%100%
Dorado u oro#DAA5202181653243°85%85%
Cadmín o amarillo de cadmio#FFF600255246058°100%100%
Cromato o amarillo  de cromo#FFCC0F2552041547°94%100%
Arilado o amrll. monoazo#E9D66B23321410751°74%67%
Hansa#FCC300252195046°100%99%
Junquillo#EFD52E2392134652°81%94%
Limón (estándar)#D9E5422172296664°71%90%
Mostaza#FFDB582552198847°65%100%
Mostaza claro#EEDD622382219853°59%92%
Mostaza oscuro#7C7C401241246460°48%49%
Napoleto#ECCD6A23620510646°55%93%
Napoleto oscuro#FFC94D2252017742°70%100%
Napoleto claro#FFF6AD25524617353°32%100%
Napoleto rojizo#F9BDA124918916119°35%98%
Oro#FFD700255215051°100%100%
Cartujo o Chartreuse#DFFF00223255067°100%100%
Guta o amarillo Gutagamba#E49B0F2281151539°93%89%
Amarillo de plata#F5F35B2452439159°63%96%
Amarillo filipino#FFCB03255203248°99%100%

Colores de transición de amarillo a verde

A continuación una tabla con los códigos HTML de los colores de transición entre amarillo y verde, estos son colores que suelen causar cierta confusión al buscarlos en la herramienta, por lo que te facilitamos las cosas poniéndolos directamente aquí.

NombreMuestraCod. Hex.RGBHSV
Amarillo verdoso#DED70028215058°100%87%
Verde amarillo#C6CE00198206062°100%81%
Verde amarillento#75B3131171791983°89%70%
Verde amarillo web#ADFF2F1732554784°82%100%
Verde ácido#B0BF1A1761912665°70%43%
Cartujo o Chartreuse francés#DFFF00223255067°100%100%
Cetrino#E4D00A2282081054°92%47%
Lima#9EFD381582537889°78%99%
Lima francés#9CFE371562545590°78%100%
Limón (estándar)#D9E5422172296664°71%90%
Verde oliva#6B8E231071423580°75%56%

Colores verdes

Esta es la tabla con los códigos HTML de los colores de tonos verdes, uno de los más llamativos por excelencia y utilizado para proyectos relacionados con la ecología y el dinero, pero tu puedes usarlos para lo que más desees.

NombreMuestraCod. Hex.RGBHSV
Verde eléctrico#00FF0002550120°100%100%
Verde medio#00800001280120°100%50%
Sinople o Verde estándar#00B5640181100153°100%35%
Prásino o verde brillante#0CF90C1224912120°95%98%
Verde oscuro o grino#228B223413934120°76%55%
Glauco o verde claro opaco#63E4579922887115°72%62%
Verde oscuro (web)#00640001000120°100%39%
Porráceo o verde profundo#1B4125276537136°58%25%
Malaquita​#0BDA511121881140°95%85%
Esmeralda claro#00FFBF0255191165°100%100%
Esmeralda#0099750153117166°100%60%
Verde bosque o foresta#35682D5310445112°57%41%
Jade#34C2A752194167169°73%76%
Pistacho#93C57214719711496°42%61%
Glauco, o verde helecho​#71BC78113188120126°44%74%
Verde musgo#8A9A5B1381549175°41%60%
Verde musgo viejo#707D3D1121256172°51%49%
Menta#98FF98152255152120°40%100%
Verdín​ o verde pastel#77DD77119221119120°46%87%
Verde loro#52B8308218448105°74%72%
Laurel japonés#04A40441644120°98%64%
Verde botella#006A4E010678164°100%42%
Verde mar#2E8B574613987146°67%55%
Verde Hooker Nº1#44944A6814874125°54%58%
Verde Hooker Nº2#3B78615912097157°51%47%
Oliva#6B8E231071423580°60%35%
Verde primavera#00FF7F0250127150°100%100%
Veronese#18A88D24168141169°86%66%
Verde de Schweinfurt#009B7D0155125168°100%61%
Verde de París#12838518131133181°86%52%
Viridián o verde oxidado#4B5F56759586153°12%33%
Viridián español#007F5C012792163°100%50%
Viridián#007F660127102168°100%50%
Verde ceniza (pictórico)#0098720152114165°100%60%
Verde ceniza#5F7F7A95127122171°25%50%
Cardenillo o verde gris#43B3AE67179174177°46%48%
Teal o verde pino#1B767727118119181°77%47%
Teal (oscuro)#00554E08578175°100%33%
Verde de Scheele#47880071136089°100%53%
Verde islámico#01990211532120°39%60%
Verde ruso#669F5F10215595113°39%61%

Colores de transición de verde a azul

En esta sección te compartimos los códigos HTML de los colores de transición de verde a azul, entre los que están varios colores especiales como el esmeralda claro, aguamarina o verde cian.

NombreMuestraCod. Hex.RGBHSV
Esmeralda claro#00FFBF0255191165°100%100%
Turquesa#40E0D064224208174°71%88%
Aguamarina#7FFFD4127255212160°50%100%
Aguamarina pantone#ACDCDD172220221181°22%87%
Verde cian#00FF800255128150°100%100%
Cerceta o Verde azulado#0D98BA13152186192°93%72%

Colores cian y celestes

Los códigos HTML de los colores de tonos cian y celestes están todos en esta sección, con coloraciones bastante singulares como el aero azul, bíagro o el azul turquesa.

NombreMuestraCod. Hex.RGBHSV
Aero#7CB9E8124185232206°70%70%
Aero azul#C9FFE5201255229151°100%89%
Aguamarina#7FFFD4127255212160°50%100%
Aguamarina oriental#ACDCDD172220221181°22%87%
Azul turquesa#00FFEF0255239176°100%100%
Bígaro#CCCCFF204204255240°20%100%
Calipso#00DDF30221243185°100%95%
Celeste#87CEFA135206250203°46%98%
Celeste claro#B2FFFF178255255180°30%100%
Cerúleo (específico)#1DACD629172214194°86%84%
Cerúleo (inespecífico)#A7D3F3167211243205°31%95%
Cian (aditivo)#00FFFF0255255180°100%100%
Cian#00B0F60176246197°100%96%
Turquesa#40E0D064224208174°71%88%
Turquesa claro#AFE4DE175228222173°50%79%
Turquesa medio#48D1CC72209204178°66%82%
Turquesa oscuro#00CED10206209181°100%82%
Turquesa pálido#AFEEEE175238238180°26%93%
Verde turquesa#A0D6B4160214180142°25%84%

Colores azules medios y oscuros

Si buscas los códigos HTML de los colores de tonos azules medios y oscuros en esta tabla los encontrarás, de modo no tengas la necesidad de ubicarlos de forma manual en la herramienta y te ahorres tiempo.

NombreMuestraCod. Hex.RGBHSV
Azul#0000FF00255240°100%100%
Azul claro#ADD8E6173216230195°25%90%
Azul eléctrico#7DF9FF125249255183°51%100%
Azul eléctrico oscuro#53687883104120206°31%47%
Azul medio#0000CD00205240°100%80%
Azul oscuro#00008B00139240°100%55%
Azul pálido#D1EDF2209237242189°14%95%
Azul PRU#72A0C1114160193205°39%60%
Azur#0099FF0153255204°100%100%
Añil#091F92931146230°94%57%
Cobalto (específico)#333C875160135234°62%53%
Azul cobalto (pictórico)#00438A067138211°100%54%
Cobalto claro (pictórico)#091F92931146230°94%57%
Cobalto obscuro (pictórico)#004F79079121201°100%47%
Azul de Prusia#00315304983205°100%33%
Azul Majorelle#5564EB85100235234°64%92%
Azul glauco#007E8B0126139186°100%55%
Azul marino (pictórico)#0A3F7A1063122212°92%48%
Azul marino#436EC067110192219°65%75%
Cero absoluto#0048BA072186217°100%36%
Azul cerúleo#318CE749140231210°79%91%
Índigo#003C92060146215°100%57%
Índigo (pictórico)#213C6E3360110219°70%43%
Orcela#25206F3732111244°71%44%
Turquí#122562183798216°100%42%
Zafiro#6576B4101118180227°44%71%
Azul Munsell#0093AF0147175190°100%69%
Azul celeste#4795CE71149206205°66%81%
Azul imperial#00209C032156228°100%61%
Teal azul#36779354119157198°63%68%

Colores de transición de azul a púrpura

Los colores de transición de azul a purpura suelen ser difíciles de ubicar en la herramienta, por lo que pusimos todos los códigos HTML de los mismos en esta tabla.

NombreMuestraCod. Hex.RGBHSV
Azul purpúreo#2000FF320255247.5°100%100%
Azul purpúreo (estándar)#3829835641131250°69%51%
Azul púrpura#4000FF640255255°100%100%
Azul púrpura (estándar)#4C28827640130264°69%51%
Púrpura azulado#6000FF960255262.5°100%100%
Púrpura azulado (estándar)#6126829738130278°71%51%

Colores púrpuras y violetas

Conoce los códigos HTML de los colores de tonalidades púrpuras y violetas, colores muy especiales que pueden ser usados en una amplia variedad de proyectos por lo polifacéticos que son.

NombreMuestraCod. Hex.RGBHSV
Amaranto púrpura profundo#9F2B6815943104328°57%40%
Aciano#8892C6136146198230°31%78%
Amatista#898AC0137138192239°29%75%
Lavanda#B57EDC181126220275°43%86%
Lila#CBA2C8203162200304°20%80%
Lila brillante#D891EF216145239285°39%94%
Lila claro#DCD0FF220208255255°18%100%
Lila francés#DEB7D9222183217308°18%87%
Lila intenso#9955BB15385187280°43%53%
Lila lavanda#D3C1DD211193221279°13%87%
Lila pálido#DCD0FF220208255255°100%91%
Lirio#7F69A5127105165262°36%65%
Malva#E0B0FF224176255276°31%100%
Morado (inespecífico)#5723648735100288°65%39%
Morado (otro)#4A23647435100276°65%39%
Patriarca#8000801280128300°100%50%
Púrpura#6A0DAD10613173275°92%68%
Púrpura de Perkin#9F68A6159104166293°37%65%
Púrpura de Tiro#4E004178065310°100%31%
Púrpura medio#9370DB147112219260°49%86%
Púrpura oscuro#301934482552291°51%20%
Púrpura pálido#FAE6FA250230250300°8%98%
Uva#6F2DA811145158272°73%66%
Violeta#7F00FF1270255270°100%100%
Violeta africana#B284BE178132190288°31%63%
Violeta claro#B09DB9176157185281°15%73%
Violeta intenso#330066510102270°100%40%
Violeto medio#65315F1014995308°51%40%
Violeta oscuro#9400D31430211282°100%83%
Violeta pálido#CC99FF204153255270°40%100%
Violín#A106841616132311°96%63%
Zafiro (estándar)#7573A6117115166242°31%65%

Colores magenta y rosados

Te compartimos los códigos HTML de los colores de tonos magenta y rosados, ambos muy ligados a la feminidad y utilizados en una gran diversidad de nichos.

NombreMuestraCod. Hex.RGBHSV
Amaranto (color)#E52B502294380348°78%53%
Amaranto rosado#F19CBB241156187338°75%78%
Crisvilu o carne#FCD0B425220818023°29%99%
Magenta#FF00FF2550255300°100%100%
Magenta (estándar)#F500872450135327°100%96%
Magenta cielo#CF71AF207113175320°45%81%
Magenta claro#FF80FF255128255300°50%100%
Magenta intenso#CC00CC2040204300°100%80%
Magenta oscuro#8B008B1390139300°100%27%
Magenta pálido#F984E5249132229310°47%98%
Rosa (estándar)#F6AE9724617415115°39%96%
Rosa (inespecífico)#F7BFBE24719119023%97%
Rosado#FD6C9E253108158339°57%99%
Rosado encaje#FFDDF4255221244319°13%100%
Rosado pictórico#FF77FF255119255319°25%100%
Fucsia#FF00802550128330°100%100%
Fucsia rojizo#FF005A255090339°100%100%
Orceína#C200731940115324°100%76%
Rosa coral#EB6362235999858%92%
Rosa mexicano#F500872450135327°100%96%
Salmón#FA807225012811454%98%

Colores de transición de púrpura a rojo

Si buscas algunos de los colores de transición entre púrpura y rojo, y no has podido dar con ellos en la herramienta, en esta tabla tienes los códigos HTML de los mismos.

NombreMuestraCod. Hex.RGBHSV
Púrpura rojizo#A1148016120128314°88%63%
Rojo púrpura#E400782280120328°100%89%
Rojo purpúreo#E30049227073341°100%89%

Colores blancos

Puede que no te lo hayas imaginado pero hay una gran variedad de blancos, lo que nos ha llevado a realizar esta tabla con los códigos HTML de cada uno para que los conozcas y ubiques con mayor facilidad.

NombreMuestraCod. Hex.RGBHSV
Alabastro#F2F0E624224023050°32%93%
Albo o blanco apagado#F6F6F62462462460%96%
Azul Alicia (Blanco azul frío)#F0F8FF240248255208°6%100%
Blanco#FFFFFF2552552550%100%
Blanco antigua#FAEBD725023521534°14%98%
Blanco de zinc#FAFBFD250251253220°1%99%
Blanco navajo#FFDEAD25522217336°32%100%
Blanco yeso#F8F8FF248248255208°100%97%
Concha#FFF5EE25524523825°7%100%
Lanquecino (blco menta)#F5FFF0245255240100°6%100%
Encaje antiguo#FDF5E625324523040°6%100%
Hueso#EDEAE023723422446°5%93%
Humo blanco#F5F5F52452452450%96%
Marfil#FFFFF025525524060°6%100%
Nácar#FBF4E225124422643°10%98%
Nieve#FFFAFA255250250100%99%
Blanco de titanio#FDFDFD253253253—°0%98.828125%

Colores grises

Al igual que con el blanco, existe una variada gama de tonalidades grises. Encuentra rápidamente cada uno de los códigos correspondientes a estos colores tan peculiares y elegantes.

NombreMuestraCod. Hex.RGBHSV
Aluminio#D6D6D6214214214—°0%84%
Ceniza#B0B5BC176181188215°8%71%
Gris#808080128128128—°0%50%
Gris atenuado#696969105105105—°0%41%
Gris de Davy#555555858585—°0%33%
Sulfán#53687883104120206°31%47%
Gris claro#D3D3D3211211211—°0%83%
Gris frío#496063739699187°26%39%
Gris medio#BEBEBE1901901900%75%
Gris oscuro#A9A9A91691691690%66%
Plata antiguo#84848213213213060°2%52%
Plateado#CDCDCD2052052050%80%
Platino#E5E4E222922822640°1%90%
Plomo#404040646464—°0%25%
Sulfán oscuro#36454F546979204°32%31%
Lino#D7D0B721520818347°15%84%
Xanadú#738678115134120136°14%53%
Gris brillante#EEEEEE238238238—°0%92,96875%

Colores negros

Encuentra rápidamente los códigos HTML de los colores de tonos negros, para que los uses en cualquiera de tus proyectos con la mayor precisión posible.

NombreMuestraCod. Hex.RGBHSV
Negro#000000000—°—%0%
Azabache o negro brillante#010101111—°0%0.390625%
Carbón#191919252525—°0%10%
Ébano#37312B55494330°22%22%
Grafito#1C1C1C282828—°0%11%
Cordobán#3B2A2159423321°44%23%
Negro bujía#2A322342503592°30 %20%
Negro de humo#38221256341825°68%22%
Negro chino#0F0F0F161616—°0%6.25%
Negro de pasas#202020323232—°0%12.5%
Antracita negro-gris metálico#293133414951228°0,027%0,354%

Esmaltes y metales heráldicos

la heráldica es la ciencia de los escudos de armas de las familias en la edad media. Estos diseños usaban colores que se conocen como esmaltes y metales heráldicos. En esta tabla encontrarás los códigos de cada uno de ellos.

NombreMuestraCod. Hex.RGBHSV
Gules#ED1C242372836358°88%93%
Azur#0071BC0113188204°100%74%
Sinople#008F4C014376152°100%56%
Púrpura#8000801280128300°100%50%
Sable#000000000—°0%0%
Oro#EAC102234193249°99%92%
Plata o argén#E3E4E5227228229210°1%90%
Morado#8D0036141054337°100%55%
Sanguíneo#AA000017000100%67%
Leonado#AF6E371751105527°69%69%
Naranja#FF6600255102024°100%100%
Carnación#FCD1C625220919812°21%99%
Celeste#51D1F681209246193°67%96%
Cenizo#8080801281281280%50%

Colores de marcas y reglamentarios

Si quieres usar los colores típicos de las grandes marcas que dominan los sectores comerciales de todo el mundo, en esta tabla tienes todos los códigos correspondientes a cada uno de ellos.

NombreMuestraCod. Hex.RGBHSV
Rojo Ferrari#CC000020400100%80%
Naranja de portland#FF5A36255905411°79%100%
Amarillo selectivo#FFBA00255186044°100%100%
Ámbar#FF7E00255126030°100%100%
Verde británico de competición#00422506637154°100%26%
Verde autos Ford#1B4125276537136°58%25%
Azul Brandeis#0061A9097169206°100%66%
Azul Columbia#D1EBF7209235247199°15%97%
Azul Eton#96C8A2150200162134°25%78%
Azul Tiffany#81D8D0129216208174°40%85%
Azul de Duke#001A5702687222°100%34%
Azul de Tufts#417DC165125193212°66%76%
Azul de UCLA#53689583104149221°44%58%

Colores con nombres extranjeros

Existen colores con nombres extranjeros que pueden resultar difíciles de identificar, por lo que te facilitamos las cosas con esta tabla que contiene todos los códigos de estas tonalidades.

NombreMuestraCod. Hex.RGBHSV
Alice blue#91A3B0145163176205°18%69%
Beige#F5F5DC24524522060°10%96%
Bleu de Deck#3EAEB162174177182°65%69%
Bougainvillea#CE467620670118339°66%81%
Buckskin#977F7315112711520°24%59%
Buff (1)#C9AE5D2011749345°54%79%
Buff (2)#F3E5AB24322917148°30%95%
Burgundy (1)#50404D1034971336°52%40%
Burgundy (2)#673147846163355°27%33%
Burgundy (3)#543D3F806477311°20%31%
Gris cadete (1)#91A3B0145163176205°18%69%
Gris cadete (2)#81878B129135139204°7%55%
Cardinal#C41E3A1963058350°85%77%
Fallow#C19A6B19315410733°45%76%
Fuka–murasaki#5639708657112272°49%44%
Gamboge#E49B0F2281551539°93%89%
Icterine#FCF75E2522479458°63%99%
Jasmine#F8DE7E24822212647°49%97%
Jaune jonquille#EEDFA023823316048°33%93%
Molten Lava#B82928184414078%72%
Lava (1)#222222343434–°0%13%
Lava (2)#483C3272605027°31%28%
Lava (3)#3B312159493337°44%23%
Liver#674C47103767131%40%
Murasaki#AC5CB517292181294°49%71%
Persian orange#D990582171448826°59%85%
Pink-orange#FF996625515310220°60%100%
Porpora#B21B1C178272885%70%
Pumpkin (1)#ED872D2371354528°81%93%
Pumpkin (2)#D990582171448826°59%85%
Purple (1)#8700741350116308°100%53%
Purple (2)#602F6B9647107289°56%42%
Purple (3)#604E979678151255°48%59%
Sunset#FAD6A525021416535°34%98%
Spring green (1)#8A9A5B1381549175°41%60%
Spring green (2)#93C592147197146119°26%77%
Spring green (3)#7E9F2E1261594678°71%62%
Spring green (4)#8F977914315112176°20%59%
Upsdell red#AE20291742232356°82%68%
Wine#722F371144755353°59%45%

Otros colores con nombres singulares

Por último están ciertos colores que tienen nombres únicos y muy singulares que posiblemente te resulten más difíciles de ubicar en la herramienta, por lo que te preparamos esta tabla con todos ellos.

NombreMuestraCod. Hex.RGBHSV
Café con leche cósmico#FFF8E725524823142°9%100%
Turquesa cósmico#9DFFD0156255206150°100%80%
Amarillo Simpson#FFD90F2552171550°100%52%
Magenta Nyan Cat#FF9CFF255156255300°39%100%
Fucsia Nyan Cat#FF339925551153330°80%100%
Bronceado#D2B48C21018014034°33%82%
Trigo#F5DEB324522217939°26%96%
Acero azul#4682b470130180207°61%71%
Cardo#D8BFD8216191216300°12%85%
Blanco fantasma#F8F8FF24824825524°3%100%
Rubor lavanda#FFF0F5255240245340°6%100%
Encaje antiguo#FDF5E625324523040°6%100%
Concha#FFF5EE25524523825°7%100%

F.A.Q: Preguntas frecuentes sobre los colores que tienes que conocer

A continuación vamos a despejar algunas dudas sobre preguntas más realizadas por nuestros lectores para resolver todas las dudas generadas a preguntas relacionadas con el infinito mundo del color.

¿Cuáles son los colores primarios y secundarios o también llamados complementarios?

  • Los colores primarios o básicos que a partir de ellos podemos formar todos los colores son: rojo, verde y azul.
  • Los tres colores secundarios son: el amarillo, cian y magenta.
  • Los seis colores terciarios son: naranja, verde limón, turquesa, azul claro, violeta y rojo azulado, que son el resultado de mezclar lumínicamente los colores anteriores.

¿Cuántos son los colores que existen y sus nombres?

  • Los 11 colores básicos: negro, azul, marrón, gris, verde, naranja, rosa, púrpura, rojo, blanco y amarillo.
  • Los 28 adicionales: turquesa, verde oliva, verde menta, borgoña, lavanda, magenta, salmón, cian, beige, rosado, verde oscuro, verde oliva, lila, amarillo pálido, fucsia, mostaza, ocre, trullo, malva, púrpura oscuro, verde lima, verde claro, ciruela, azul claro, melocotón, violeta, tan y granate.

¿Qué es el círculo cromático y para que sirve esta rueda de colores?

El círculo cromático o también llamado rueda de colores es una representación circular y ordenada de los colores según su tonalidad. En este círculo se muestran los colores primarios y los que derivan de éstos. Normalmente, suelen representante de forma escalonada, aunque a veces se usa la degradación de estos colores para poder añadir más tonalidades al círculo. En los escalonados, aparecen entre 12 y 48 colores, mostrando a su vez los colores opuestos o complementarios.

El uso de la herramienta del círculo cromático es mostrar la unicón de contraste y armonía que existe entre los colores primarios, secundarios y terciarios; así como los fríos y los cálidos o los análogos y complementarios, es decir, una herramienta artística que nos ayuda a descubrir todas las posibles combinaciones de colores.