itthon / Skype / Piros ff0000. CSS színek – RGB értékek

Piros ff0000. CSS színek – RGB értékek

táblázat (paletta) html színek lehetőséget ad a szükséges hangszín önálló kiválasztására. A színérték három formátumban jelenik meg: Hex, RGB és HSV.

  • A hex három két karakter értékből áll hexadecimális jelöléssel. Például: #ff00b3, ahol az első számpár piros, a második zöld, a harmadik pedig kék.
  • Az RGB (RedGreenBlue) formátuma "200,100,255", amely jelzi a megfelelő tónus (piros, zöld, kék) mennyiségét a kapott színben.
  • HSV (Hue, Saturation, Value - tónus, telítettség, érték) - színmodell, amelyben a koordináták a következők:
    • Színárnyalat - színtónus, 0° és 360° között változhat.
    • Telítettség – telítettség, 0-100 vagy 0-1 között változik. Minél nagyobb ez a beállítás, annál "tisztább" a szín, ezért ezt a beállítást néha színtisztaságnak is nevezik. És minél közelebb van ez a paraméter a nullához, annál közelebb áll a szín a semleges szürkéhez.
    • Érték (színérték) - a fényerőt állítja be, az érték 0-100 vagy 0-1 között is változhat.

Írja be a színkódot: MEGY

Színek listája névvel

A táblázat felsorolja az összes böngésző által támogatott (értékként használható) angol színneveket és azok hexadecimális értékeit. Az összes felsorolt ​​szín "biztonságos", vagyis minden böngészőben ugyanazt jelenítik meg.

Színnév HEX Szín
Fekete#000000
haditengerészet#000080
sötétkék#00008B
Közepes kék#0000CD
Kék#0000FF
sötétzöld#006400
Zöld#008000
A zöldeskék#008080
Sötétcián#008B8B
DeepSkyBlue#00BFFF
Sötét türkiz#00CED1
Közepes tavaszi zöld#00FA9A
mész#00FF00
Tavaszi zöld#00FF7F
Aqua#00FFFF
cián#00FFFF
éjkék#191970
Dodger Blue#1E90FF
LightSeaGreen#20B2AA
erdő zöld#228B22
tengerzöld#2E8B57
DarkSlateGray#2F4F4F
Zöldcitrom zöld#32CD32
Közepes tengerzöld#3CB371
Türkiz#40E0D0
Királykék#4169E1
acél kék#4682B4
Sötét palakék#483D8B
Közepes türkiz#48D1CC
Indigó#4B0082
Sötét olívazöld#556B2F
Kék kadét#5F9EA0
Búzavirágkék#6495ED
Közepes AquaMarine#66CDAA
Dim Gray#696969
Palakék#6A5ACD
OliveDrab#6B8E23
Palaszürke#708090
LightSlateGray#778899
Közepes palakék#7B68EE
Gyepzöld#7CFC00
karthauzi likőr#7FFF00
akvamarin#7FFFD4
gesztenyebarna#800000
Lila#800080
Olajbogyó#808000
szürke#808080
égszínkék#87CEEB
LightSkyBlue#87CEFA
kék ibolya#8A2BE2
sötét vörös#8B0000
Sötétbíbor#8B008B
Nyeregbarna#8B4513
Sötét tengerzöld#8FBC8F
Világos zöld#90EE90
Közepes lila#9370D8
sötét ibolya#9400D3
halvány zöld#98FB98
Sötét orchidea#9932CC
sárga zöld#9ACD32
Sienna#A0522D
Barna#A52A2A
sötét szürke#A9A9A9
világoskék#ADD8E6
Zöld sárga#ADFF2F
halvány türkiz#FEEEE
LightSteelBlue#B0C4DE
Kobalt kék#B0E0E6
Tűztégla#B22222
DarkGoldenRod#B8860B
Közepes orchidea#BA55D3
Rózsabarna#BC8F8F
DarkKhaki#BDB76B
Ezüst#C0C0C0
Közepes VioletPiros#C71585
indiánvörös#CD5C5C
Peru#CD853F
Csokoládé#D2691E
Cser#D2B48C
világos szürke#D3D3D3
HalványVioletPiros#D87093
Bogáncs#D8BFD8
Orchidea#DA70D6
arany rúd#DAA520
Karmazsinvörös#DC143C
Gainsboro#DCDCDC
Szilva#DDA0DD
Burlywood#DEB887
LightCyan#E0FFFF
Levendula#E6E6FA
DarkSalmon#E9967A
ibolya#EE82EE
PaleGoldenRod#EEE8AA
LightCoral#F08080
Khaki#F0E68C
Alice Blue#F0F8FF
mézharmat#F0FFF0
Égszínkék#F0FFFF
Sandy Brown#F4A460
Búza#F5DEB3
Bézs#F5F5DC
fehér füst#F5F5F5
MintCream#F5FFFA
szellem fehér#F8F8FF
Lazac#FA8072
antik fehér#FAEBD7
vászon#FAF0E6
VilágosGoldenRodYellow#FAFAD2
Régi csipke#FDF5E6
Piros#FF0000
Fukszia#FF00FF
Bíborvörös#FF00FF
mély rózsaszín#FF1493
Narancsvörös#FF4500
Paradicsom#FF6347
dögös rózsaszín#FF69B4
Korall#FF7F50
sötét színű#FF8C00
LightSalmon#FFA07A
narancssárga#FFA500
világos rózsaszín#FFB6C1
Rózsaszín#FFC0CB
Arany#FFD700
PeachPuff#FFDAB9
NavajoWhite#FFDEAD
Mokaszin#FFE4B5
Krémleves#FFE4C4
MistyRose#FFE4E1
Blansírozott mandula#FFEBCD
Papaya ostor#FFEFD5
Levendulapirosító#FFF0F5
kagyló#FFF5EE
Cornsilk#FFF8DC
Citromsifon#FFFACD
Virágfehér#FFFAF0
#FFFAFA
Sárga#FFFF00
Halványsárga#FFFFE0
Elefántcsont#FFFFF0
fehér#FFFFFF

Ez az oldal egy táblázatot tartalmaz kulcsszavakkal, amelyek segítségével színeket lehet kijelölni olyan webfejlesztési nyelveken, mint: HTML, CSS, JavaScript, Flash stb.

A régi WC3 specifikációban csak 16 kulcsszót használtak a színek beállítására a HTML-ben és a CSS-ben. A későbbi, modernebb specifikációkban további 130 kulcsszót adtak a színnevek jelölésére. A következő táblázat tartalmazza a színneveket, a hexadecimális és RGB kódokat, amelyeknek megfelelnek.

A CSS-szabályok szerint a színnevek nem különböztetik meg a kis- és nagybetűket. Az IndianRed és az indianred színbejegyzések egyenértékűek.

Azt is érdemes megjegyezni, hogy a táblázatban szereplő 146 kulcsszó közül valójában kevesebb szín található benne. Ez azért van, mert egyesek kulcsszavakat ugyanazt a színt képviselik. Tehát a Gray és Gray nevek az 50 százalékos szürkeséget jelentik a #808080 kóddal, és a Magenta szó szinonimája HTML színek Fukszia , amely a #FF00FF hexadecimális kódnak felel meg. Az Aqua és a Cyan szavak szintén szinonimák, a #00FFFF kódnak felelnek meg.

Színnév HTML-ben és CSS-ben HEX RGB
Vörös tónusok:
indiánvörös#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Lazac#FA8072250, 128, 114
DarkSalmon#E9967A233, 150, 122
LightSalmon#FFA07A255, 160, 122
Karmazsinvörös#DC143C220, 20, 60
Piros#FF0000255, 0, 0
Tűztégla#B22222178, 34, 34
sötét vörös#8B0000139, 0, 0
Rózsaszín tónusok:
Rózsaszín#FFC0CB255, 192, 203
világos rózsaszín#FFB6C1255, 182, 193
dögös rózsaszín#FF69B4255, 105, 180
mély rózsaszín#FF1493255, 20, 147
Közepes VioletPiros#C71585199, 21, 133
HalványVioletPiros#DB7093219, 112, 147
Narancssárga tónusok:
LightSalmon#FFA07A255, 160, 122
Korall#FF7F50255, 127, 80
Paradicsom#FF6347255, 99, 71
Narancsvörös#FF4500255, 69, 0
sötét narancs#FF8C00255, 140, 0
narancssárga#FFA500255, 165, 0
sárga tónusok:
Arany#FFD700255, 215, 0
Sárga#FFFF00255, 255, 0
Halványsárga#FFFFE0255, 255, 224
Citromsifon#FFFACD255, 250, 205
Világos aranyvessző sárga#FAFAD2250, 250, 210
Papaya ostor#FFEFD5255, 239, 213
Mokaszin#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
Halvány Aranyvessző#EEE8AA238, 232, 170
Khaki#F0E68C240, 230, 140
DarkKhaki#BDB76B189, 183, 107
Lila tónusok:
Levendula#E6E6FA230, 230, 250
Bogáncs#D8BFD8216, 191, 216
Szilva#DDA0DD221, 160, 221
ibolya#EE82EE238, 130, 238
Orchidea#DA70D6218, 112, 214
Fukszia#FF00FF255, 0, 255
Bíborvörös#FF00FF255, 0, 255
Közepes orchidea#BA55D3186, 85, 211
Közepes lila#9370DB147, 112, 219
kék ibolya#8A2BE2138, 43, 226
sötét ibolya#9400D3148, 0, 211
Sötét orchidea#9932CC153, 50, 204
Sötétbíbor#8B008B139, 0, 139
Lila#800080 128, 0, 128
Indigó#4B008275, 0, 130
Palakék#6A5ACD106, 90, 205
Sötét palakék#483D8B72, 61, 139
Barna tónusok:
Cornsilk#FFF8DC255, 248, 220
Blansírozott mandula#FFEBCD255, 235, 205
Krémleves#FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Búza#F5DEB3245, 222, 179
Burlywood#DEB887222, 184, 135
Cser#D2B48C210, 180, 140
Rózsabarna#BC8F8F188, 143, 143
Sandy Brown#F4A460244, 164, 96
Aranyvessző#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru#CD853F205, 133, 63
Csokoládé#D2691E210, 105, 30
Nyeregbarna#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
Barna#A52A2A165, 42, 42
gesztenyebarna#800000 128, 0, 0
Elsődleges színek:
Fekete#000000 0, 0, 0
szürke#808080 128, 128, 128
Ezüst#C0C0C0192, 192, 192
fehér#FFFFFF255, 255, 255
Fukszia#FF00FF255, 0, 255
Lila#800080 128, 0, 128
Piros#FF0000255, 0, 0
gesztenyebarna#800000 128, 0, 0
Sárga#FFFF00205, 92, 92
Olajbogyó#808000 240, 128, 128
mész#00FF00250, 128, 114
Zöld#008000 233, 150, 122
Aqua#00FFFF205, 92, 92
A zöldeskék#008080 240, 128, 128
Kék#0000FF250, 128, 114
haditengerészet#000080 233, 150, 122
Színnév HTML-ben és CSS-ben HEX RGB
Zöld tónusok:
Zöld sárga#ADFF2F173, 255, 47
karthauzi likőr#7FFF00127, 255, 0
Gyepzöld#7CFC00124, 252, 0
mész#00FF000, 255, 0
Zöldcitrom zöld#32CD3250, 205, 50
halvány zöld#98FB98152, 251, 152
Világos zöld#90EE90144, 238, 144
Közepes tavaszi zöld#00FA9A0, 250, 154
Tavaszi zöld#00FF7F0, 255, 127
Közepes tengerzöld#3CB37160, 179, 113
tengerzöld#2E8B5746, 139, 87
erdő zöld#228B2234, 139, 34
Zöld#008000 0, 128, 0
sötétzöld#006400 0, 100, 0
sárga zöld#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Olajbogyó#808000 128, 128, 0
Sötét olívazöld#556B2F85, 107, 47
Közepes akvamarin#66CDAA102, 205, 170
Sötét tengerzöld#8FBC8F143, 188, 143
LightSeaGreen#20B2AA32, 178, 170
Sötétcián#008B8B0, 139, 139
A zöldeskék#008080 0, 128, 128
Kék tónusok:
Aqua#00FFFF0, 255, 255
cián#00FFFF0, 255, 255
LightCyan#E0FFFF224, 255, 255
halvány türkiz#FEEEE175, 238, 238
akvamarin#7FFFD4127, 255, 212
Türkiz#40E0D064, 224, 208
Közepes türkiz#48D1CC72, 209, 204
Sötét türkiz#00CED10, 206, 209
Kék kadét#5F9EA095, 158, 160
acél kék#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
Kobalt kék#B0E0E6176, 224, 230
világoskék#ADD8E6173, 216, 230
égszínkék#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
Dodger Blue#1E90FF30, 144, 255
Búzavirágkék#6495ED100, 149, 237
Közepes palakék#7B68EE123, 104, 238
Királykék#4169E165, 105, 225
Kék#0000FF0, 0, 255
Közepes kék#0000CD0, 0, 205
sötétkék#00008B0, 0, 139
haditengerészet#000080 0, 0, 128
éjkék#191970 25, 25, 112
Fehér tónusok:
fehér#FFFFFF255, 255, 255
#FFFAFA255, 250, 250
Mézharmat#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Égszínkék#F0FFFF240, 255, 255
Alice Blue#F0F8FF240, 248, 255
szellem fehér#F8F8FF248, 248, 255
fehér füst#F5F5F5245, 245, 245
Tengeri kagyló#FFF5EE255, 245, 238
Bézs#F5F5DC245, 245, 220
Régi csipke#FDF5E6253, 245, 230
Virágfehér#FFFAF0255, 250, 240
Elefántcsont#FFFFF0255, 255, 240
antik fehér#FAEBD7250, 235, 215
vászon#FAF0E6250, 240, 230
Levendulapirosító#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Szürke tónusok:
Gainsboro#DCDCDC220, 220, 220
világos szürke#D3D3D3211, 211, 211
világos szürke#D3D3D3211, 211, 211
Ezüst#C0C0C0192, 192, 192
sötét szürke#A9A9A9169, 169, 169
sötét szürke#A9A9A9169, 169, 169
szürke#808080 128, 128, 128
szürke#808080 128, 128, 128
Dim Gray#696969 105, 105, 105
DimGrey#696969 105, 105, 105
LightSlateGray#778899 119, 136, 153
Világos palaszürke#778899 119, 136, 153
Palaszürke#708090 112, 128, 144
Palaszürke#708090 112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
Sötét palaszürke#2F4F4F47, 79, 79
Fekete#000000 0, 0, 0

A CSS-ben található színkódok a színek meghatározására szolgálnak. A színkódokat vagy színértékeket általában egy elem előterének (pl. szöveg, hivatkozás színe) vagy egy elem hátterének (háttér, blokkszín) színének beállítására használják. Használhatók a gombok színének, szegélyeinek, jelölőjének, lebegésének és egyéb dekoratív effektusainak megváltoztatására is.

Beállíthatja saját színértékeit különféle formátumok. Az alábbi táblázat felsorolja az összes lehetséges formátumot:

Ezeket a formátumokat az alábbiakban részletesebben ismertetjük.

CSS színek – hexadecimális kódok

Hexadecimális színkód egy hatjegyű színábrázolás. Az első két számjegy (RR) a piros érték, a következő kettő a zöld érték (GG), az utolsó kettő pedig a kék érték (BB).

CSS színek – Rövid hexadecimális kódok

Rövid hexadecimális színkód a hatkarakteres jelölés rövidebb formája. Ebben a formátumban minden számjegy megismétlődik, hogy az egyenértékű hatjegyű színértéket kapja. Például: #0F0 #00FF00 lesz.

A hexadecimális érték bármilyen grafikáról vehető szoftver, úgymint Adobe Photoshop, Core Draw stb.

A CSS-ben minden hexadecimális színkódot egy "#" hash jel előz meg. Az alábbiakban példákat mutatunk be a hexadecimális jelölés használatára.

CSS színek – RGB értékek

RGB érték egy színkód, amely az rgb() tulajdonsággal van beállítva. Ez a tulajdonság három értéket vesz fel: egy-egy piros, zöld és kék értéket. Az érték lehet egész szám, 0 és 255 között, vagy százalék.

Jegyzet: Nem minden böngésző támogatja az rgb() color tulajdonságot, ezért ennek használata nem javasolt.

Az alábbiakban több színt mutatunk be RGB-értékek használatával.

Színkód generátor

Szolgáltatásunkkal több millió színkódot hozhat létre.

Biztonságos böngésző színei

Az alábbiakban egy 216 színt tartalmazó táblázat található, amelyek a legbiztonságosabbak és a számítógéptől függetlenek. Ezek a színek a CSS-ben 000000-től FFFFFF hexadecimális kódig terjednek. Használatuk biztonságos, mivel biztosítják, hogy minden számítógép helyesen jelenítse meg a színeket, amikor a 256-os színpalettával dolgozik.

A "biztonságos" színek táblázata a CSS-ben
#000000 #000033 #000066 #000099 #0000CC#0000FF
#003300 #003333 #003366 #003399 #0033CC#0033FF
#006600 #006633 #006666 #006699 #0066CC#0066FF
#009900 #009933 #009966 #009999 #0099CC#0099FF
#00CC00#00CC33#00CC66#00CC99#00CCCC#00CCFF
#00FF00#00FF33#00FF66#00FF99#00FFCC#00FFFF
#330000 #330033 #330066 #330099 #3300CC#3300FF
#333300 #333333 #333366 #333399 #3333CC#3333FF
#336600 #336633 #336666 #336699 #3366CC#3366FF
#339900 #339933 #339966 #339999 #3399CC#3399FF
#33CC00#33CC33#33CC66#33CC99#33CCCC#33CCFF
#33FF00#33FF33#33FF66#33FF99#33FFCC#33FFFF
#660000 #660033 #660066 #660099 #6600CC#6600FF
#663300 #663333 #663366 #663399 #6633CC#6633FF
#666600 #666633 #666666 #666699 #6666CC#6666FF
#669900 #669933 #669966 #669999 #6699CC#6699FF
#66CC00#66CC33#66CC66#66CC99#66CCCC#66CCFF
#66FF00#66FF33#66FF66#66FF99#66FFCC#66FFFF
#990000 #990033 #990066 #990099 #9900CC#9900FF
#993300 #993333 #993366 #993399 #9933CC#9933FF
#996600 #996633 #996666 #996699 #9966CC#9966FF
#999900 #999933 #999966 #999999 #9999CC#9999FF
#99CC00#99CC33#99CC66#99CC99#99CCCC#99CCFF
#99FF00#99FF33#99FF66#99FF99#99FFCC#99FFFF
#CC0000#CC0033#CC0066#CC0099#CC00CC#CC00FF
#CC3300#CC3333#CC3366#CC3399#CC33CC#CC33FF
#CC6600#CC6633#CC6666#CC6699#CC66CC#CC66FF
#CC9900#CC9933#CC9966#CC9999#CC99CC#CC99FF
#CCCC00#CCCC33#CCCC66#CCCC99#CCCCCC#CCCCFF
#CCFF00#CCFF33#CCFF66#CCFF99#CCFFCC#CCFFFF
#FF0000#FF0033#FF0066#FF0099#FF00CC#FF00FF
#FF3300#FF3333#FF3366#FF3399#FF33CC#FF33FF
#FF6600#FF6633#FF6666#FF6699#FF66CC#FF66FF
#FF9900#FF9933#FF9966#FF9999#FF99CC#FF99FF
#FFCC00#FFCC33#FFCC66#FFCC99#FFCCCC#FFCCFF
#FFFF00#FFFF33#FFFF66#FFFF99#FFFFCC#FFFFFF