Culori web | culori utilizate în proiectarea paginilor web
Culorile web sunt culorile utilizate în proiectarea paginilor web și modalitățile de descriere și enumerare a acestor culori.
Există mai multe moduri de a alege culorile pentru părți ale paginilor web. Culorile pot fi listate ca un triplet RGB (un set de trei numere) în format hexazecimal (un triplet hexagonal). Tripleta RGB poate face 16.777.216 culori diferite. Multe culori comune pot fi alese, de asemenea, după numele lor comune în limba engleză. Adesea, pentru a crea valori de culoare se utilizează un instrument de culoare sau un alt software grafic.
Primele versiuni ale Mosaic și Netscape Navigator au folosit numele de culori X11 ca bază pentru listele lor de culori. Acest lucru s-a datorat faptului că ambele au început ca aplicații X Window System.
Fiecare culoare web are o definiție proprie, sRGB. Aceasta se referă la cromaticile unui singur set de fosfor, la o anumită curbă de transfer, la punctul alb adaptiv și la condițiile de vizualizare. Acestea au fost alese pentru a fi similare cu multe monitoare și condiții de vizualizare din lumea reală. Chiar și fără gestionarea culorilor, culorile create sunt destul de apropiate de valorile date. Cu toate acestea, agenții de utilizator pot fi diferiți în ceea ce privește fidelitatea cu care afișează culorile. Agenții de utilizator mai buni folosesc gestionarea culorilor pentru a crea o mai bună fidelitate a culorilor. Acest lucru este important pentru aplicațiile Web-to-print.
Triplet hexagonal
Un triplet hexazecimal este un număr de șase cifre, de trei octeți, utilizat în HTML, CSS, SVG și în alte programe de calculator pentru a reprezenta culorile. Acești octeți reprezintă partea roșie, verde și albastră a culorii. Un octet reprezintă un număr din intervalul 00 - FF, sau 0 - 255 în notație zecimală. Acesta reprezintă de la cea mai mică (0) până la cea mai mare (255) intensitate a fiecăreia dintre componentele culorii. Tripletul hexazecimal se formează prin concatenarea a trei octeți în notație hexazecimală, în următoarea ordine:
Octetul 1: valoarea roșie (tipul de culoare roșu)
Octetul 2: valoarea verde (tipul de culoare verde)
Octetul 3: valoarea albastră (tipul de culoare albastru)
De exemplu, luați în considerare culoarea în care valorile roșu/verde/albastru sunt numere zecimale: roșu=36, verde=104, albastru=160 (o culoare gri-albastru). Numerele zecimale 36, 104 și 160 sunt similare cu numerele 24, 68 și, respectiv, A0. Tripleta hexazecimală se obține prin combinarea celor 6 cifre hexazecimale împreună, 2468A0 în acest exemplu.
Culori web HTML
Formulat în 1997, existau inițial 16 culori. Ulterior a fost adăugat portocaliul pentru a face un total de 17. Cele 16 inițiale făceau parte din ceea ce se numește "șablonul Windows VGA", ceea ce înseamnă că acestea sunt culorile care pot fi folosite pentru acțiuni precum evidențierea.
Culoare | Hexadecimal | Culoare | Hexadecimal | Culoare | Hexadecimal | Culoare | Hexadecimal |
aqua | #00FFFFFF | gri | #808080 | marina | #000080 | argint | #C0C0C0C0 |
negru | #000000 | verde | #008000 | măsline | #808000 | teal | #008080 |
albastru | #0000FF | var | #00FF00 | violet | #800080 | alb | #FFFFFFFF |
fucsia | #FF00FF | maroon | #800000 | roșu | #FF0000 | galben | #FFFF00 |
Lista de nume de culori HTML
Tabelul de mai jos conține toate cele 140 de culori HTML. Toate browserele moderne le acceptă.
Nume HTML | Hexagonal | Cod zecimal R G B | Culori roșii | Crimson | #DC143C | 220 20 60 | Coral deschis | #F08080 | 240 128 128 | Indian Red | #CD5C5C | 205 92 92 | Cărămidă de foc | #B22222 | 178 34 34 | Maro | #A52A2A | 165 42 42 | Roșu | #FF0000 | 255 0 0 | Roșu închis | #8B0000 | 139 0 0 | Maroon | #800000 | 128 0 0 | Somon | #FA8072 | 250 128 114 | Culori roz și trandafir | Roz | #FFC0CB | 255 192 203 | Roz deschis | #FFB6C1 | 255 182 193 | Roșu violet palid | #DB7093 | 219 112 147 | Hot Pink | #FF69B4 | 255 105 180 | Roz închis | #FF1493 | 255 20 147 | Culori portocalii | Puff de piersici | #FFDAB9 | 255 218 185 | Somon închis | #E9967A | 233 150 122 | Somon ușor | #FFA07A | 255 160 122 | Coral | #FF7F50 | 255 127 80 | Tomate | #FF6347 | 255 99 71 | PortocaliuRed | #FF4500 | 255 69 0 | Papaya Whip | #FFEFD5 | 255 239 213 | Moccasin | #FFE4B5 | 255 228 181 | Portocaliu închis | #FF8C00 | 255 140 0 | Portocaliu | #FFA500 | 255 165 0 | | | | Culori galbene | Lumina Goldenrod galben | #FAFAD2 | 250 250 210 | Pale Goldenrod | #EEE8AA | 238 232 170 | Goldenrod | #DAA520 | 218 165 32 | Dark Goldenrod | #B8860B | 184 134 11 | Aur | #FFD700 | 255 215 0 | Lemon Chiffon | #FFFACD | 255 250 205 | Galben deschis | #FFFFE0 | 255 255 224 | Galben | #FFFF00 | 255 255 0 | Olive | #808000 | 128 128 0 | Kaki | #F0E68C | 240 230 140 | Kaki închis | #BDB76B | 189 183 107 | Culori violet, violet și magenta | Lavanda | #E6E6FA | 230 230 250 | Violet mediu | #9370DB | 147 112 219 | Albastru Violet | #8A2BE2 | 138 43 226 | Violet închis | #9400D3 | 148 0 211 | Indigo | #4B0082 | 75 0 130 | Orhidee medie | #BA55D3 | 186 85 211 | Orhidee întunecată | #9932CC | 153 &50 204 | Ciulinul | #D8BFD8 | 216 191 216 | Prună | #DDA0DD | 221 160 221 | Violet | #EE82EE | 238 130 238 | Orhidee | #DA70D6 | 218 112 214 | Fuchsia sau Magenta | #FF00FF | 255 0 255 | Magenta închis | #8B008B | 139 0 139 | Violet | #800080 | 128 0 128 | Roșu violet mediu | #C71585 | 199 21 133 | | Nume HTML | Hexagonal | Cod zecimal R G B | Culori verzi | Galben Verde | #9ACD32 | 154 205 50 | Olive Drab | #6B8E23 | 107 142 35 | Verde-oliv închis | #556B2F | 85 107 47 | Verde Galben | #ADFF2F | 173 255 47 | Chartreuse | #7FFF00 | 127 255 0 | Gazon verde | #7CFC00 | 124 252 0 | Var | #00FF00 | 0 255 0 | Verde | #008000 | 0 128 0 | Verde închis | #006400 | 0 100 0 | Verde palid | #98FB98 | 152 251 152 | Verde deschis | #90EE90 | 144 238 144 | Verde lămâie | #32CD32 | 50 205 50 | Pădure verde | #228B22 | 34 139 34 | Verde mediu de primăvară | #00FA9A | 0 250 154 | Primăvara verde | #00FF7F | 0 255 127 | Mediu mare verde mare | #3CB371 | 60 179 113 | Verde mare | #2E8B57 | 46 139 87 | Verde mare închis | #8FBC8F | 143 188 143 | Culori cian | Acvamarin | #7FFFD4 | 127 255 212 | Acvamarin mediu | #66CDAA | 102 205 170 | Turcoaz | #40E0D0 | 64 224 208 | Turcoaz mediu | #48D1CC | 72 209 204 | Turcoaz închis | #00CED1 | 0 206 209 | Turcoaz palid | #AFEEEEEE | 175 238 238 | Verde deschis de mare | #20B2AA | 32 178 170 | Cyan deschis | #E0FFFFFF | 224 255 255 | Aqua sau Cyan | #00FFFFFF | 0 255 255 | Cian închis | #008B8B | 0 139 139 | Teal | #008080 | 0 128 128 | Pulbere albastră | #B0E0E6 | 176 224 230 | Cadet albastru | #5F9EA0 | 95 158 160 | Culori azur și albastru | Albastru deschis | #ADD8E6 | 173 216 230 | Cer albastru | #87CEEB | 135 206 235 | Albastru cer deschis | #87CEFA | 135 206 250 | Cerul albastru închis | #00BFFF | 0 191 255 | Dodger Blue | #1E90FF | 30 144 255 | Albastru deschis de oțel | #B0C4DE | 176 196 222 | Albastru de oțel | #4682B4 | 70 130 180 | Albastru floarea de porumb | #6495ED | 100 149 237 | Albastru regal | #4169E1 | 65 105 225 | Albastru | #0000FF | 0 0 255 | Albastru mediu | #0000CD | 0 0 205 | Albastru închis | #00008B | 0 0 139 | Marina | #000080 | 0 0 128 | Midnight Blue | #191970 | 25 25 112 | Mediu Ardezie Albastru | #7B68EE | 123 104 238 | Ardezie Albastru | #6A5ACD | 106 90 205 | Dark Slate Blue | #483D8B | 72 61 139 | | Nume HTML | Hexagonal | Cod zecimal R G B | Culori maro | Coajă de porumb | #FFF8DC | 255 248 220 | Migdale albite | #FFEBCD | 255 235 205 | Bisque | #FFE4C4 | 255 228 196 | Navajo alb | #FFDEAD | 255 222 173 | Grâu | F5 DE B3 | 245 222 179 | Burlywood | DE B8 87 | 222 184 135 | Tan | D2 B4 8C | 210 180 140 | Rosy Brown | BC 8F 8F | 188 143 143 | Sandy Brown | F4 A4 60 | 244 164 96 | Peru | CD 85 3F | 205 133 63 | Ciocolată | D2 69 1E | 210 105 30 | Saddle Brown | 8B 45 13 | 139 69 19 | Sienna | A0 52 2D | 160 82 45 | Culori albe | Alb | FF FF FF FF FF | 255 255 255 | Zăpadă | FF FA FA FA | 255 250 250 | Honeydew | F0 FF F0 | 240 255 240 | Cremă de mentă | F5 FF FA | 245 255 250 | Azure | F0 FF FF FF | 240 255 255 | Alice Blue | F0 F8 FF | 240 248 255 | Ghost White | F8 F8 F8 FF | 248 248 255 | Fum alb | F5 F5 F5 F5 F5 | 245 245 245 | Coajă de mare | FF F5 EE | 255 245 238 | Bej | F5 F5 F5 DC | 245 245 220 | Dantelă veche | FD F5 E6 | 253 245 230 | Floral alb | FF FA F0 | 255 250 240 | Ivory | FF FF FF F0 | 255 255 240 | Antique White | FA EB D7 | 250 235 215 | Lenjerie | FA F0 E6 | 250 240 230 | Blush de lavandă | FF F0 F5 | 255 240 245 | Misty Rose | FF E4 E1 | 255 228 225 | Culori gri | Gainsboro | DC DC DC DC | 220 220 220 | Gri deschis | D3 D3 D3 D3 | 211 211 211 | Argint | C0 C0 C0 C0 | 192 192 192 | Gri închis | A9 A9 A9 A9 | 169 169 169 | Gri | 80 80 80 | 128 128 128 | Dim Gray | 69 69 69 | 105 105 105 | Lumina ardezie gri deschis | 77 88 99 | 119 136 153 | Ardezie gri | 70 80 90 | 112 128 144 | Dark Slate Gray | 2F 4F 4F 4F | 47 79 79 | Negru | 00 00 00 | 0 0 0 | |
Culori X11 (formulate în 1987)
Acestea se numesc "culori web X11" de la inventarea World Wide Web în 1991.
Nume X11 | Hexagonal | Cod zecimal R G B | Culori roșii | lightcoral | #F08080 | 240 128 128 | indianred | #CD5C5C | 205 92 92 | indianred1 | #FF6A6A | 255 106 106 | indianred2 | #EE6363 | 238 99 99 | indianred3 | #CD555555 | 205 85 85 | indianred4 | #8B3A3A | 139 58 58 | cărămidă refractară | #B22222 | 178 34 34 | maro | #A52A2A | 165 42 42 | roșu1 | #FF0000 | 255 0 0 | roșu4 | #8B0000 | 139 0 0 | somon | #FA8072 | 250 128 114 | Culori roz și trandafir | roz | #FFC0CB | 255 192 203 | lightpink | #FFB6C1 | 255 182 193 | hotpink | #FF69B4 | 255 105 180 | deeppink1 | #FF1493 | 255 20 147 | palevioletred | #DB7093 | 219 112 147 | maroon | #B03060 | 176 48 96 | Culori portocalii | Peachpuff1 | #FFDAB9 | 255 218 185 | darksalmon | #E9967A | 233 150 122 | lightsalmon1 | #FFA07A | 255 160 122 | coral | #FF7F50 | 255 127 80 | tomată1 | #FF6347 | 255 99 71 | orangered1 | #FF4500 | 255 69 0 | papayawhip | #FFEFD5 | 255 239 213 | mocasin | #FFE4B5 | 255 228 181 | darkorange | #FF8C00 | 255 140 0 | portocaliu1 | #FFA500 | 255 165 0 | | | | Culori galbene | galben-auriu deschis-galben-roșu | #FAFAD2 | 250 250 210 | lightgoldenrod1 | #FFEC8B | 250 250 210 | lightgoldenrod2 | #EEDC82 | 238 220 130 | lightgoldenrod3 | #CDBE70 | 205 190 112 | lightgoldenrod4 | #8B814C | 139 129 76 | palegoldenrod | #EEE8AA | 238 232 170 | goldenrod | #DAA520 | 218 165 32 | goldenrod1 | #FFC125 | 255 193 37 | goldenrod2 | #EEB422 | 238 180 34 | goldenrod3 | #CD9B1D | 205 155 29 | goldenrod4 | #8B6914 | 139 105 20 | Darkgoldenrod | #B8860B | 184 134 11 | darkgoldenrod1 | #FFB90F | 255 184 15 | darkgoldenrod2 | #EEAD0E | 238 173 14 | darkgoldenrod3 | #CD950C | 205 149 12 | darkgoldenrod4 | #8B6508 | 139 101 8 | aur1 | #FFD700 | 255 215 0 | aur2 | #EEC900 | 238 201 0 | aur3 | #CDAD00 | 205 173 0 | aur4 | #8B7500 | 139 177 0 | Lemonchiffon1 | #FFFACD | 255 250 205 | Lemonchiffon2 | #EEE9BF | 238 233 191 | Lemonchiffon3 | #CDC9A5 | 2O5 201 165 | Lemonchiffon4 | #8B8970 | 139 137 112 | lightyellow1 | #FFFFE0 | 255 255 224 | lightyellow2 | #EEEED1 | 238 238 209 | lightyellow3 | #CDCDB4 | 205 205 180 | lightyellow4 | #8B8B7A | 139 139 122 | galben1 | #FFFF00 | 255 255 0 | galben2 | #EEEE00 | 238 238 0 | galben3 | #CDCD00 | 205 205 0 | galben4 | #8B8B00 | 139 139 0 | kaki | #F0E68C | 240 230 140 | kaki1 | #FFF68F | 255 246 143 | kaki2 | #EEE685 | 238 230 133 | kaki3 | #CDC673 | 205 198 115 | kaki4 | #8B864E | 139 134 78 | Darkkaki | #BDB76B | 189 183 107 | Culori violet, violet și magenta | lavanda | #E6E6FA | 230 230 250 | mediumpurple | #9370DB | 147 112 219 | blueviolet | #8A2BE2 | 138 43 226 | darkviolet | #9400D3 | 148 0 211 | violet | #A020F0 | 160 32 240 | mediumorchid | #BA55D3 | 186 85 211 | darkorchid | #9932CC | 153 50 204 | ciulin | #D8BFD8 | 216 191 216 | prună | #DDA0DD | 221 160 221 | violet | #EE82EE | 238 130 238 | orhidee | #DA70D6 | 218 112 214 | magenta | #FF00FF | 255 0 255 | maroon1 | #FF34B3 | 255 52 179 | maroon2 | #EE30A7 | 238 48 167 | maroon3 | #CD2990 | 205 41 144 | maroon4 | #8B1C62 | 139 28 98 | mediumvioletred | #C71585 | 199 21 133 | violetred | #D02090 | 208 32 144 | | Nume X11 | Hexagonal | Cod zecimal R G B | Culori verzi | galben-verde | #9ACD32 | 154 205 50 | olivedrab | #6B8E23 | 107 142 35 | darkolivegreen | #556B2F | 85 107 47 | verdegălbui | #ADFF2F | 173 255 47 | chartreuse1 | #7FFF00 | 127 255 0 | lawngreen | #7CFC00 | 124 252 0 | verde1 | #00FF00 | 0 255 0 | verde4 | #008B00 | 0 139 0 | verde închis | #006400 | 0 100 0 | palegreen | #98FB98 | 152 251 152 | verde de tei | #32CD32 | 50 205 50 | pădure verde | #228B22 | 34 139 34 | verde-mediu-portocaliu | #00FA9A | 0 250 154 | springgreen1 | #00FF7F | 0 255 127 | mediumseagreen | #3CB371 | 60 179 113 | seagreen1 | #54FF9F | 46 139 87 | darkseagreen | #8FBC8F | 143 188 143 | Culori cian | acvamarin | #7FFFD4 | 127 255 212 | mediumaquamarine | #66CDAA | 102 205 170 | turcoaz | #40E0D0 | 64 224 208 | mediumturquoise | #48D1CC | 72 209 204 | darkturquoise | #00CED1 | 0 206 209 | paleturquoise | #AFEEEEEE | 175 238 238 | lightseagreen | #20B2AA | 32 178 170 | lightcyan1 | #E0FFFFFF | 224 255 255 | cian1 | #00FFFFFF | 0 255 255 | cian2 | #00EEEEEE | 0 238 238 | cyan3 | #00CDCDCD | 0 205 205 | cyan4 | #008B8B | 0 139 139 | powderblue | #B0E0E6 | 176 224 230 | cadetblue | #5F9EA0 | 95 158 160 | Culori azur și albastru | albastru deschis | #ADD8E6 | 173 216 230 | skyblue | #87CEEB | 135 206 235 | lightskyblue | #87CEFA | 135 206 250 | deepskyblue1 | #00BFFF | 0 191 255 | dodgerblue1 | #1E90FF | 30 144 255 | lightsteelblue | #B0C4DE | 176 196 222 | steelblue | #4682B4 | 70 130 180 | albăstreleu de porumb | #6495ED | 100 149 237 | royalblue | #4169E1 | 65 105 225 | albastru1 | #0000FF | 0 0 255 | albastru2 | #0000EE | 0 0 238 | albastru mediu | #0000CD | 0 0 205 | albastru4 | #00008B | 0 0 139 | albastru marin | #000080 | 0 0 128 | midnightblue | #191970 | 25 25 112 | mediulateblue | #7B68EE | 123 104 238 | slateblue | #6A5ACD | 106 90 205 | darkslateblue | #483D8B | 72 61 139 | | Nume X11 | Hexagonal | Cod zecimal R G B | Culori maro | cornsilk1 | FF F8 DC | 255 248 220 | migdale albite | FF EB CD | 255 235 205 | bisque1 | FF E4 C4 | 255 228 196 | navajowhite1 | FF DE AD | 255 222 173 | grâu | F5 DE B3 | 245 222 179 | burlywood | DE B8 87 | 222 184 135 | tan | D2 B4 8C | 210 180 140 | rosybrown | BC 8F 8F | 188 143 143 | sandybrown | F4 A4 60 | 244 164 96 | peru | CD 85 3F | 205 133 63 | ciocolată | D2 69 1E | 210 105 30 | maro șa | 8B 45 13 | 139 69 19 | sienna | A0 52 2D | 160 82 45 | Culori albe | alb | FF FF FF FF FF | 255 255 255 | zăpadă1 | FF FA FA FA | 255 250 250 | honeydew1 | F0 FF F0 | 240 255 240 | cremă de mentă | F5 FF FA | 245 255 250 | azur1 | F0 FF FF FF | 240 255 255 | aliceblue | F0 F8 FF | 240 248 255 | ghostwhite | F8 F8 F8 FF | 248 248 255 | whitesmoke | F5 F5 F5 F5 F5 | 245 245 245 | scoica1 | FF F5 EE | 255 245 238 | bej | F5 F5 F5 DC | 245 245 220 | oldlace | FD F5 E6 | 253 245 230 | floralalb | FF FA F0 | 255 250 240 | fildeș1 | FF FF FF F0 | 255 255 240 | antiquewhite | FA EB D7 | 250 235 215 | lenjerie | FA F0 E6 | 250 240 230 | lavenderblush1 | FF F0 F5 | 255 240 245 | mistyrose1 | FF E4 E1 | 255 228 225 | Culori gri | gainsboro | DC DC DC DC | 220 220 220 | lightgray | D3 D3 D3 D3 | 211 211 211 | argint | C0 C0 C0 C0 | 192 192 192 | darkgray | A9 A9 A9 A9 | 169 169 169 | gri | 80 80 80 | 128 128 128 | dimgray | 69 69 69 | 105 105 105 | lightslategray | 77 88 99 | 119 136 153 | slategray | 70 80 90 | 112 128 144 | Darkslategray | 2F 4F 4F 4F | 47 79 79 | negru | #000000 | 0 0 0 | |
Graficul culorilor web selectate
Acest grafic prezintă culori HTML și X11 selectate, precum și culori web neoficiale de consens dezvoltate de designeri web începând cu 2002. Atunci când introduceți coduri care utilizează culori neoficiale, trebuie să specificați codul hexagonal al culorii în loc să scrieți numele culorii.
Întrebări și răspunsuri
Î: Ce sunt culorile web?
R: Culorile web sunt culorile utilizate în proiectarea paginilor web, precum și modalitățile de descriere și enumerare a acestor culori.
Î: Câte culori diferite pot fi create cu ajutorul tripletelor RGB?
R: Tripletele RGB pot crea 16.777.216 culori diferite.
Î: Există denumiri comune în limba engleză pentru unele dintre aceste culori?
R: Da, multe culori comune pot fi alese și după numele lor englezești comune.
Î: Ce software este utilizat de obicei pentru a crea valori de culoare?
R: Adesea, pentru a crea valori de culoare se utilizează un instrument de culoare sau un alt software grafic.
Î: Care a fost baza pentru listele de culori originale Mosaic și Netscape Navigator?
R: Primele versiuni ale Mosaic și Netscape Navigator au folosit numele de culori X11 ca bază pentru listele de culori, deoarece ambele au început ca aplicații X Window System.
Î: La ce se referă sRGB când vine vorba de culorile web?
R: Fiecare culoare web are propria sa definiție, sRGB, care se referă la cromatica unui singur set de fosfor, la o anumită curbă de transfer, la punctul alb adaptabil și la condițiile de vizualizare.
Î: Cum arată agenții de utilizator aceste culori cu acuratețe?
R: Agenții de utilizator mai buni folosesc gestionarea culorilor pentru a crea o mai bună fidelitate a culorilor, ceea ce este important pentru aplicațiile Web-to-print.