AkousaDesarrollador
Códigos de Color HTML
Explore códigos de color HTML, convierta entre HEX/RGB/HSL/CMYK, compruebe ratios de contraste y genere armonías de color.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)
Color con Nombre más Cercano: Royal Blue#4169E1
Contraste
sobre Blanco3.68:1
Aa
WCAG AAFallaWCAG AAAFalla
sobre Negro5.71:1
Aa
WCAG AAApruebaWCAG AAAFalla
Tintes (Mas Claro)
Sombras (Más Oscuro)
Armonias de Color
Complementario
Analogo
Triadico
Complementario Dividido
Red#FF0000rgb(255, 0, 0)
Dark Red#8B0000rgb(139, 0, 0)
Firebrick#B22222rgb(178, 34, 34)
Crimson#DC143Crgb(220, 20, 60)
Tomato#FF6347rgb(255, 99, 71)
Indian Red#CD5C5Crgb(205, 92, 92)
Light Coral#F08080rgb(240, 128, 128)
Salmon#FA8072rgb(250, 128, 114)
Dark Salmon#E9967Argb(233, 150, 122)
Light Salmon#FFA07Argb(255, 160, 122)
Coral#FF7F50rgb(255, 127, 80)
Orange Red#FF4500rgb(255, 69, 0)
Orange#FFA500rgb(255, 165, 0)
Dark Orange#FF8C00rgb(255, 140, 0)
Yellow#FFFF00rgb(255, 255, 0)
Gold#FFD700rgb(255, 215, 0)
Light Yellow#FFFFE0rgb(255, 255, 224)
Lemon Chiffon#FFFACDrgb(255, 250, 205)
Light Goldenrod Yellow#FAFAD2rgb(250, 250, 210)
Papaya Whip#FFEFD5rgb(255, 239, 213)
Moccasin#FFE4B5rgb(255, 228, 181)
Peach Puff#FFDAB9rgb(255, 218, 185)
Pale Goldenrod#EEE8AArgb(238, 232, 170)
Khaki#F0E68Crgb(240, 230, 140)
Dark Khaki#BDB76Brgb(189, 183, 107)
Goldenrod#DAA520rgb(218, 165, 32)
Dark Goldenrod#B8860Brgb(184, 134, 11)
Green#008000rgb(0, 128, 0)
Lime#00FF00rgb(0, 255, 0)
Lime Green#32CD32rgb(50, 205, 50)
Forest Green#228B22rgb(34, 139, 34)
Dark Green#006400rgb(0, 100, 0)
Sea Green#2E8B57rgb(46, 139, 87)
Medium Sea Green#3CB371rgb(60, 179, 113)
Spring Green#00FF7Frgb(0, 255, 127)
Medium Spring Green#00FA9Argb(0, 250, 154)
Pale Green#98FB98rgb(152, 251, 152)
Light Green#90EE90rgb(144, 238, 144)
Dark Sea Green#8FBC8Frgb(143, 188, 143)
Olive Drab#6B8E23rgb(107, 142, 35)
Olive#808000rgb(128, 128, 0)
Dark Olive Green#556B2Frgb(85, 107, 47)
Yellow Green#9ACD32rgb(154, 205, 50)
Chartreuse#7FFF00rgb(127, 255, 0)
Lawn Green#7CFC00rgb(124, 252, 0)
Green Yellow#ADFF2Frgb(173, 255, 47)
Teal#008080rgb(0, 128, 128)
Dark Cyan#008B8Brgb(0, 139, 139)
Medium Aquamarine#66CDAArgb(102, 205, 170)
Aquamarine#7FFFD4rgb(127, 255, 212)
Light Sea Green#20B2AArgb(32, 178, 170)
Blue#0000FFrgb(0, 0, 255)
Dark Blue#00008Brgb(0, 0, 139)
Navy#000080rgb(0, 0, 128)
Royal Blue#4169E1rgb(65, 105, 225)
Steel Blue#4682B4rgb(70, 130, 180)
Cornflower Blue#6495EDrgb(100, 149, 237)
Light Blue#ADD8E6rgb(173, 216, 230)
Powder Blue#B0E0E6rgb(176, 224, 230)
Light Steel Blue#B0C4DErgb(176, 196, 222)
Sky Blue#87CEEBrgb(135, 206, 235)
Light Sky Blue#87CEFArgb(135, 206, 250)
Deep Sky Blue#00BFFFrgb(0, 191, 255)
Dodger Blue#1E90FFrgb(30, 144, 255)
Cadet Blue#5F9EA0rgb(95, 158, 160)
Medium Blue#0000CDrgb(0, 0, 205)
Midnight Blue#191970rgb(25, 25, 112)
Aqua#00FFFFrgb(0, 255, 255)
Cyan#00FFFFrgb(0, 255, 255)
Light Cyan#E0FFFFrgb(224, 255, 255)
Turquoise#40E0D0rgb(64, 224, 208)
Medium Turquoise#48D1CCrgb(72, 209, 204)
Dark Turquoise#00CED1rgb(0, 206, 209)
Pale Turquoise#AFEEEErgb(175, 238, 238)
Alice Blue#F0F8FFrgb(240, 248, 255)
Purple#800080rgb(128, 0, 128)
Indigo#4B0082rgb(75, 0, 130)
Violet#EE82EErgb(238, 130, 238)
Dark Violet#9400D3rgb(148, 0, 211)
Blue Violet#8A2BE2rgb(138, 43, 226)
Medium Purple#9370DBrgb(147, 112, 219)
Slate Blue#6A5ACDrgb(106, 90, 205)
Medium Slate Blue#7B68EErgb(123, 104, 238)
Dark Slate Blue#483D8Brgb(72, 61, 139)
Dark Orchid#9932CCrgb(153, 50, 204)
Orchid#DA70D6rgb(218, 112, 214)
Medium Orchid#BA55D3rgb(186, 85, 211)
Plum#DDA0DDrgb(221, 160, 221)
Lavender#E6E6FArgb(230, 230, 250)
Thistle#D8BFD8rgb(216, 191, 216)
Fuchsia#FF00FFrgb(255, 0, 255)
Magenta#FF00FFrgb(255, 0, 255)
Dark Magenta#8B008Brgb(139, 0, 139)
Rebecca Purple#663399rgb(102, 51, 153)
Pink#FFC0CBrgb(255, 192, 203)
Hot Pink#FF69B4rgb(255, 105, 180)
Deep Pink#FF1493rgb(255, 20, 147)
Light Pink#FFB6C1rgb(255, 182, 193)
Medium Violet Red#C71585rgb(199, 21, 133)
Pale Violet Red#DB7093rgb(219, 112, 147)
Misty Rose#FFE4E1rgb(255, 228, 225)
Brown#A52A2Argb(165, 42, 42)
Sienna#A0522Drgb(160, 82, 45)
Saddle Brown#8B4513rgb(139, 69, 19)
Chocolate#D2691Ergb(210, 105, 30)
Peru#CD853Frgb(205, 133, 63)
Burlywood#DEB887rgb(222, 184, 135)
Sandy Brown#F4A460rgb(244, 164, 96)
Tan#D2B48Crgb(210, 180, 140)
Maroon#800000rgb(128, 0, 0)
Rosy Brown#BC8F8Frgb(188, 143, 143)
Wheat#F5DEB3rgb(245, 222, 179)
Navajo White#FFDEADrgb(255, 222, 173)
Bisque#FFE4C4rgb(255, 228, 196)
Blanched Almond#FFEBCDrgb(255, 235, 205)
Cornsilk#FFF8DCrgb(255, 248, 220)
Gray#808080rgb(128, 128, 128)
Dark Gray#A9A9A9rgb(169, 169, 169)
Dim Gray#696969rgb(105, 105, 105)
Light Gray#D3D3D3rgb(211, 211, 211)
Light Slate Gray#778899rgb(119, 136, 153)
Slate Gray#708090rgb(112, 128, 144)
Dark Slate Gray#2F4F4Frgb(47, 79, 79)
Gainsboro#DCDCDCrgb(220, 220, 220)
Silver#C0C0C0rgb(192, 192, 192)
Grey#808080rgb(128, 128, 128)
Dark Grey#A9A9A9rgb(169, 169, 169)
Dim Grey#696969rgb(105, 105, 105)
Light Grey#D3D3D3rgb(211, 211, 211)
Light Slate Grey#778899rgb(119, 136, 153)
Slate Grey#708090rgb(112, 128, 144)
Dark Slate Grey#2F4F4Frgb(47, 79, 79)
White#FFFFFFrgb(255, 255, 255)
Snow#FFFAFArgb(255, 250, 250)
Ivory#FFFFF0rgb(255, 255, 240)
Floral White#FFFAF0rgb(255, 250, 240)
Ghost White#F8F8FFrgb(248, 248, 255)
Old Lace#FDF5E6rgb(253, 245, 230)
Linen#FAF0E6rgb(250, 240, 230)
Antique White#FAEBD7rgb(250, 235, 215)
White Smoke#F5F5F5rgb(245, 245, 245)
Seashell#FFF5EErgb(255, 245, 238)
Beige#F5F5DCrgb(245, 245, 220)
Mint Cream#F5FFFArgb(245, 255, 250)
Azure#F0FFFFrgb(240, 255, 255)
Honeydew#F0FFF0rgb(240, 255, 240)
Lavender Blush#FFF0F5rgb(255, 240, 245)
Black#000000rgb(0, 0, 0)
Acerca de los Codigos de Color HTML
Los códigos de color HTML se utilizan para especificar colores en el desarrollo web. Los colores pueden representarse como hexadecimal (#RRGGBB), RGB (rgb(r,g,b)), HSL (hsl(h,s%,l%)) o usando colores con nombre de CSS como 'tomato' o 'steelblue'. Esta herramienta te permite explorar, buscar, convertir y analizar colores para el diseño y desarrollo web.
Como Usar
Use el selector de color o escriba un código hex. Verifique los ratios de contraste WCAG.
Casos de Uso Comunes
- Encontrar el código de color correcto para CSS
- Convertir colores entre diferentes formatos (HEX a RGB, etc.)
- Verificar la accesibilidad de color y el cumplimiento de contraste WCAG
- Generar paletas con combinaciones de colores armoniosas
- Consultar colores con nombre de CSS y sus equivalentes hexadecimales
Frequently Asked Questions About Códigos de Color HTML
What is Códigos de Color HTML?
Códigos de Color HTML is a free online tool on akousa.net, a platform with 559+ browser-based utilities. Explore códigos de color HTML, convierta entre HEX/RGB/HSL/CMYK, compruebe ratios de contraste y genere armonías de color. No installation is required.
How do I use Códigos de Color HTML?
Simply open Códigos de Color HTML on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is Códigos de Color HTML free?
Yes, the core Códigos de Color HTML experience is free to use without signup. All 559+ tools remain available for everyday use, while Akousa Pro adds optional premium platform features and ad-free browsing.