Для розробників
Коди Кольорів HTML
Переглядайте коди кольорів HTML, конвертуйте між HEX/RGB/HSL/CMYK.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)
Найближчий іменований колір: Royal Blue#4169E1
Контрастність
на білому3.68:1
Aa
WCAG AAНе пройденоWCAG AAAНе пройдено
на чорному5.71:1
Aa
WCAG AAПройденоWCAG AAAНе пройдено
Відтінки (Світліше)
Тіні (Темніше)
Колірні гармонії
Доповнюючий
Аналоговий
Тріадний
Розділений доповнюючий
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)
Про коди кольорів HTML
Коди кольорів HTML використовуються для визначення кольорів у веб-розробкці.
Як використовувати
Використовуйте палітру кольорів або введіть hex-код.
Поширені випадки використання
- Пошук правильного коду кольору для CSS
- Конвертація кольорів
- Перевірка доступності кольорів
- Генерація гармонійних палітр
- Пошук іменованих кольорів CSS
Frequently Asked Questions About Коди Кольорів HTML
What is Коди Кольорів HTML?
Коди Кольорів HTML is a free online tool on akousa.net, a platform with 559+ browser-based utilities. Переглядайте коди кольорів HTML, конвертуйте між HEX/RGB/HSL/CMYK. No installation is required.
How do I use Коди Кольорів HTML?
Simply open Коди Кольорів HTML on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is Коди Кольорів HTML free?
Yes, the core Коди Кольорів 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.