AkousaOntwikkelaar
HTML Kleurcodes
Blader door HTML-kleurcodes, converteer tussen HEX/RGB/HSL/CMYK, controleer contrastverhoudingen en genereer kleurharmonieën.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)
Dichtstbijzijnde benoemde kleur: Royal Blue#4169E1
Contrast
op Wit3.68:1
Aa
WCAG AAMisluktWCAG AAAMislukt
op Zwart5.71:1
Aa
WCAG AAGeslaagdWCAG AAAMislukt
Tinten (Lichter)
Schaduwen (Donkerder)
Kleurharmonieen
Complementair
Analoog
Triadisch
Gesplitst Complementair
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)
Over HTML Kleurcodes
HTML-kleurcodes worden gebruikt om kleuren te specificeren in webontwikkeling. Kleuren kunnen worden weergegeven als hexadecimaal (#RRGGBB), RGB (rgb(r,g,b)), HSL (hsl(h,s%,l%)) of met behulp van benoemde CSS-kleuren zoals 'tomato' of 'steelblue'. Met deze tool kun je kleuren bekijken, zoeken, converteren en analyseren voor webdesign en -ontwikkeling.
Hoe te gebruiken
Gebruik de kleurkiezer of typ een hex-code om een kleur te selecteren. Bekijk directe conversies naar RGB, HSL, HSV en CMYK. Blader door de kleurencatalogus per familie of zoek op naam. Klik op een kleurstaal om deze te selecteren. Controleer WCAG-contrastverhoudingen voor toegankelijkheid. Genereer tinten, schakeringen en kleurharmonieën voor je palet.
Veelgebruikte toepassingen
- De juiste kleurcode vinden voor CSS-styling en webdesign
- Kleuren omzetten tussen verschillende formaten (HEX naar RGB, enz.)
- Kleurtoegankelijkheid en WCAG-contrastconformiteit controleren
- Kleurpaletten genereren met harmonische kleurcombinaties
- CSS-kleurnamen opzoeken
Frequently Asked Questions About HTML Kleurcodes
What is HTML Kleurcodes?
HTML Kleurcodes is a free online tool on akousa.net, a platform with 559+ browser-based utilities. Blader door HTML-kleurcodes, converteer tussen HEX/RGB/HSL/CMYK, controleer contrastverhoudingen en genereer kleurharmonieën. No installation is required.
How do I use HTML Kleurcodes?
Simply open HTML Kleurcodes on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is HTML Kleurcodes free?
Yes, the core HTML Kleurcodes 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.