Programistyczne

Kody kolorów HTML

Przeglądaj kody kolorów HTML, konwertuj między HEX/RGB/HSL/CMYK, sprawdzaj współczynniki kontrastu i generuj harmonie kolorów.

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

HSV

hsv(217, 76%, 96%)

CMYK

cmyk(76%, 47%, 0%, 4%)

Najbliższy nazwany kolor: Royal Blue#4169E1

Kontrast

na Bialym3.68:1

WCAG AANiezaliczoneWCAG AAANiezaliczone

na Czarnym5.71:1

WCAG AAZaliczoneWCAG AAANiezaliczone

Odcienie (Jasniejsze)

Cienie (Ciemniejsze)

Harmonie Kolorow

Dopelniajacy

Analogowy

Triadyczny

Podzielony Dopelniajacy

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)

O kodach kolorow HTML

Kody kolorów HTML służą do określania kolorów w tworzeniu stron internetowych. Kolory można przedstawiać jako szesnastkowe (#RRGGBB), RGB (rgb(r,g,b)), HSL (hsl(h,s%,l%)) lub za pomocą nazwanych kolorów CSS, takich jak 'tomato' czy 'steelblue'. To narzędzie pozwala przeglądać, wyszukiwać, konwertować i analizować kolory na potrzeby projektowania i tworzenia stron internetowych.

Przeglądaj wszystkie narzędzia Programistyczne

Jak uzywac

Użyj selektora kolorów lub wpisz kod hex, aby wybrać kolor. Zobacz natychmiastowe konwersje na RGB, HSL, HSV i CMYK. Przeglądaj katalog kolorów według rodziny lub wyszukuj według nazwy. Kliknij dowolną próbkę koloru, aby ją wybrać. Sprawdzaj współczynniki kontrastu WCAG pod kątem dostępności. Generuj rozjaśnienia, przyciemnienia i harmonie kolorów dla swojej palety.

Typowe przypadki użycia

Znajdowanie właściwego kodu koloru do stylizacji CSS i projektowania stron
Konwersja kolorów między różnymi formatami (HEX na RGB itp.)
Sprawdzanie dostępności kolorów i zgodności kontrastu z WCAG
Generowanie palet kolorów z harmonijnymi kombinacjami barw
Wyszukiwanie nazwanych kolorów CSS i ich odpowiedników w hex

Jak używać Kody kolorów HTML Zrób sobie przerwę i zagraj w darmowe gry przeglądarkowe

Wszystkie Posty

c/tools_html-color-codes0

Zobacz Wszystkie Utwórz Post