Ignora collegamentiHome / Generatore di colori HTML

Generatore di colori HTML

Il numero totale di colori che può essere visualizzato da uno schermo di un computer è immenso, oltre 16 milioni (2 elevato alla potenza di 24). Si rende quindi necessario "indicizzare" questi colori in modo tale che si possa indicare quale colore utilizzare per un determinato pixel.

Il modo più utilizzato per indicizzare i colori è dividendoli per componenti dei tre colori fondamentali rosso, verde e blu (conosciuti come components), ovvero Red-Green-Blue (RGB). Tale logica è basata sul fatto che l'occhio umano può distinguere ogni colore come formato da una certa quantità di rosso, una certa quantità di verde e una certa quantità di blu. Dividendo la quantità di ogni componente in 256 intensità possibili, si è in grado di visualizzare immagini con ben  oltre 16 milioni di colori (256 elevato al cubo), paragonabili a delle immagini di qualità fotografica.

Ogni colore viene quindi ottenuto dalle quantità di questi tre componenti su una scala che va da 0 a 255, dove 0 significa che il componente non è presente, mentre 255 significa che è presente alla massima intensità. Generalmente in Internet si utilizza la notazione esadecimale, ottenuta convertendo i valori delle singole componenti da decimale ad esadecimale, ad esempio:

RGB Hex Colore
(255,0,0) (#FF0000) Red
(0,255,0) (#00FF00) Green
(0,0,255) (#0000FF)  Blue

Color Picker - jQuery plugin

Lo strumento "Color Picker" consente di selezionare con molta precisione un colore, come se si stesse usando un software di elaborazione grafica quale ad esempio Adobe Photoshop. Con questo strumento è possibile regolare l'intensità delle singole componenti R G B, e inoltre permette la regolazione della tonalità (Hue), della saturazione (Saturation) e della luminosità (Brightness). Lo strumento si rivela molto utile quando si vuole ottenere il valore esadecimale di un determinato colore conoscendone le sue componenti RGB, oppure al contrario quando si desidera conoscere il valore delle componenti RGB di un colore di cui si conosce il valore esadecimale.

Tabella dei colori standard

Quando si vuole ottenere un colore standard è molto utile indicare il colore tramite il nome, invece di indicare i valori RGB o Hex delle componenti. Esistono più di cento colori "standard" riconosciuti da tutti i moderni browser, ognuno di questi colori rappresenta un'impostazione precisa del valore RGB. La tabella seguente elenca tutti i colori standard, indicandone il nome del colore e il corrispondente valore esadecimale:

ColoreHexNome del colore
#F0F8FFAliceBlue
#FAEBD7AntiqueWhite
#00FFFFAqua
#7FFFD4Aquamarine
#F0FFFFAzure
#F5F5DCBeige
#FFE4C4Bisque
#000000Black
#FFEBCDBlanchedAlmond
#0000FFBlue
#8A2BE2BlueViolet
#A52A2ABrown
#DEB887BurlyWood
#5F9EA0CadetBlue
#7FFF00Chartreuse
#D2691EChocolate
#FF7F50Coral
#6495EDCornflowerBlue
#FFF8DCCornsilk
#DC143CCrimson
#00FFFFCyan
#00008BDarkBlue
#008B8BDarkCyan
#B8860BDarkGoldenrod
#A9A9A9DarkGray
#006400DarkGreen
#BDB76BDarkKhaki
#8B008BDarkMagenta
#556B2FDarkOliveGreen
#FF8C00DarkOrange
#9932CCDarkOrchid
#8B0000DarkRed
#E9967ADarkSalmon
#8FBC8BDarkSeaGreen
#483D8BDarkSlateBlue
#2F4F4FDarkSlateGray
#00CED1DarkTurquoise
#9400D3DarkViolet
#FF1493DeepPink
#00BFFFDeepSkyBlue
#696969DimGray
#1E90FFDodgerBlue
#B22222Firebrick
#FFFAF0FloralWhite
#228B22ForestGreen
#FF00FFFuchsia
#DCDCDCGainsboro
#F8F8FFGhostWhite
#FFD700Gold
#DAA520Goldenrod
#808080Gray
#008000Green
#ADFF2FGreenYellow
#F0FFF0Honeydew
#FF69B4HotPink
#CD5C5CIndianRed
#4B0082Indigo
#FFFFF0Ivory
#F0E68CKhaki
#E6E6FALavender
#FFF0F5LavenderBlush
#7CFC00LawnGreen
#FFFACDLemonChiffon
#ADD8E6LightBlue
#F08080LightCoral
#E0FFFFLightCyan
#FAFAD2LightGoldenrodYellow
#D3D3D3LightGray
#90EE90LightGreen
#FFB6C1LightPink
#FFA07ALightSalmon
#20B2AALightSeaGreen
#87CEFALightSkyBlue
#778899LightSlateGray
#B0C4DELightSteelBlue
#FFFFE0LightYellow
#00FF00Lime
#32CD32LimeGreen
#FAF0E6Linen
#FF00FFMagenta
#800000Maroon
#66CDAAMediumAquamarine
#0000CDMediumBlue
#BA55D3MediumOrchid
#9370DBMediumPurple
#3CB371MediumSeaGreen
#7B68EEMediumSlateBlue
#00FA9AMediumSpringGreen
#48D1CCMediumTurquoise
#C71585MediumVioletRed
#191970MidnightBlue
#F5FFFAMintCream
#FFE4E1MistyRose
#FFE4B5Moccasin
#FFDEADNavajoWhite
#000080Navy
#FDF5E6OldLace
#808000Olive
#6B8E23OliveDrab
#FFA500Orange
#FF4500OrangeRed
#DA70D6Orchid
#EEE8AAPaleGoldenrod
#98FB98PaleGreen
#AFEEEEPaleTurquoise
#DB7093PaleVioletRed
#FFEFD5PapayaWhip
#FFDAB9PeachPuff
#CD853FPeru
#FFC0CBPink
#DDA0DDPlum
#B0E0E6PowderBlue
#800080Purple
#FF0000Red
#BC8F8FRosyBrown
#4169E1RoyalBlue
#8B4513SaddleBrown
#FA8072Salmon
#F4A460SandyBrown
#2E8B57SeaGreen
#FFF5EESeaShell
#A0522DSienna
#C0C0C0Silver
#87CEEBSkyBlue
#6A5ACDSlateBlue
#708090SlateGray
#FFFAFASnow
#00FF7FSpringGreen
#4682B4SteelBlue
#D2B48CTan
#008080Teal
#D8BFD8Thistle
#FF6347Tomato
#40E0D0Turquoise
#EE82EEViolet
#F5DEB3Wheat
#FFFFFFWhite
#F5F5F5WhiteSmoke
#FFFF00Yellow
#9ACD32YellowGreen
#F0F0F0ButtonFace
#FFFFFFButtonHighlight
#A0A0A0ButtonShadow
#B9D1EAGradientActiveCaption
#D7E4F2GradientInactiveCaption
#F0F0F0MenuBar
#3399FFMenuHighlight