Bu bölümde bütün browserların desteklediği renklerlerin Hex Color değerleri ve isimleri'ni tablo halinde listeledik.
css ile web tasarım yaparken renk kodlarını kullanırken zorluk çekiyorsanız renklerin isimlerini kullanarak daha çok zaman kazanabiliriz.
CSS Renk İsimleri |
HEX Kodları |
Renkler |
AliceBlue |
#F0F8FF |
|
AntiqueWhite |
#FAEBD7 |
|
Aqua |
#00FFFF |
|
Aquamarine |
#7FFFD4 |
|
Azure |
#F0FFFF |
|
Beige |
#F5F5DC |
|
Bisque |
#FFE4C4 |
|
Black |
#000000 |
|
BlanchedAlmond |
#FFEBCD |
|
Blue |
#0000FF |
|
BlueViolet |
#8A2BE2 |
|
Brown |
#A52A2A |
|
BurlyWood |
#DEB887 |
|
CadetBlue |
#5F9EA0 |
|
Chartreuse |
#7FFF00 |
|
Chocolate |
#D2691E |
|
Coral | #FF7F50 |
|
CornflowerBlue |
#6495ED |
|
Cornsilk |
#FFF8DC |
|
Crimson |
#DC143C |
|
Cyan |
#00FFFF |
|
DarkBlue |
#00008B |
|
DarkCyan |
#008B8B |
|
|
DarkGoldenRod |
#B8860B |
|
DarkGray |
#A9A9A9 |
|
DarkGreen |
#006400 |
|
DarkKhaki |
#BDB76B |
|
DarkMagenta |
#8B008B |
|
DarkOliveGreen |
#556B2F |
|
DarkOrange |
#FF8C00 |
|
DarkOrchid |
#9932CC |
|
DarkRed |
#8B0000 |
|
DarkSalmon |
#E9967A |
|
DarkSeaGreen |
#8FBC8F |
|
DarkSlateBlue |
#483D8B |
|
DarkSlateGray |
#2F4F4F |
|
DarkTurquoise |
#00CED1 |
|
DarkViolet |
#9400D3 |
|
DeepPink |
#FF1493 |
|
DeepSkyBlue |
#00BFFF |
|
DimGray |
#696969 |
|
DodgerBlue |
#1E90FF |
|
FireBrick |
#B22222 |
|
FloralWhite |
#FFFAF0 |
|
ForestGreen |
#228B22 |
|
Fuchsia |
#FF00FF |
|
Gainsboro |
#DCDCDC |
|
GhostWhite |
#F8F8FF |
|
Gold |
#FFD700 |
|
GoldenRod |
#DAA520 |
|
Gray |
#808080 |
|
Green |
#008000 |
|
GreenYellow |
#ADFF2F |
|
HoneyDew |
#F0FFF0 |
|
HotPink |
#FF69B4 |
|
IndianRed |
#CD5C5C |
|
Indigo |
#4B0082 |
|
Ivory |
#FFFFF0 |
|
Khaki |
#F0E68C |
|
|
Lavender |
#E6E6FA |
|
LavenderBlush |
#FFF0F5 |
|
LawnGreen |
#7CFC00 |
|
LemonChiffon |
#FFFACD |
|
LightBlue |
#ADD8E6 |
|
LightCoral |
#F08080 |
|
LightCyan |
#E0FFFF |
|
LightGoldenRodYellow |
#FAFAD2 |
|
LightGray |
#D3D3D3 |
|
LightGreen |
#90EE90 |
|
LightPink |
#FFB6C1 |
|
LightSalmon |
#FFA07A |
|
LightSeaGreen |
#20B2AA |
|
LightSkyBlue |
#87CEFA |
|
LightSlateGray |
#778899 |
|
LightSteelBlue |
#B0C4DE |
|
LightYellow |
#FFFFE0 |
|
Lime |
#00FF00 |
|
LimeGreen |
#32CD32 |
|
Linen |
#FAF0E6 |
|
Magenta |
#FF00FF |
|
Maroon |
#800000 |
|
MediumAquaMarine |
#66CDAA |
|
MediumBlue |
#0000CD |
|
MediumOrchid |
#BA55D3 |
|
MediumPurple |
#9370DB |
|
MediumSeaGreen |
#3CB371 |
|
MediumSlateBlue |
#7B68EE |
|
MediumSpringGreen |
#00FA9A |
|
MediumTurquoise |
#48D1CC |
|
MediumVioletRed |
#C71585 |
|
MidnightBlue |
#191970 |
|
MintCream |
#F5FFFA |
|
MistyRose |
#FFE4E1 |
|
Moccasin |
#FFE4B5 |
|
NavajoWhite |
#FFDEAD |
|
Navy |
#000080 |
|
|
OldLace |
#FDF5E6 |
|
|
Olive |
#808000 |
|
OliveDrab |
#6B8E23 |
|
Orange |
#FFA500 |
|
OrangeRed |
#FF4500 |
|
Orchid |
#DA70D6 |
|
PaleGoldenRod |
#EEE8AA |
|
PaleGreen |
#98FB98 |
|
PaleTurquoise |
#AFEEEE |
|
PaleVioletRed |
#DB7093 |
|
PapayaWhip |
#FFEFD5 |
|
PeachPuff |
#FFDAB9 |
|
Peru |
#CD853F |
|
Pink |
#FFC0CB |
|
Plum |
#DDA0DD |
|
PowderBlue |
#B0E0E6 |
|
Purple |
#800080 |
|
RebeccaPurple |
#663399 |
|
Red |
#FF0000 |
|
RosyBrown |
#BC8F8F |
|
RoyalBlue |
#4169E1 |
|
SaddleBrown |
#8B4513 |
|
|
Salmon |
#FA8072 |
|
SandyBrown |
#F4A460 |
|
SeaGreen |
#2E8B57 |
|
SeaShell |
#FFF5EE |
|
Sienna |
#A0522D |
|
Silver |
#C0C0C0 |
|
SkyBlue |
#87CEEB |
|
SlateBlue |
#6A5ACD |
|
SlateGray |
#708090 |
|
Snow |
#FFFAFA |
|
SpringGreen |
#00FF7F |
|
SteelBlue |
#4682B4 |
|
Tan |
D2B48C |
|
Teal |
#008080 |
|
Thistle |
#D8BFD8 |
|
Tomato |
#FF6347 |
|
Turquoise |
#40E0D0 |
|
Violet |
#EE82EE |
|
Wheat |
#F5DEB3 |
|
White |
#FFFFFF |
|
WhiteSmoke |
#F5F5F5 |
|
Yellow |
#FFFF00 |
|
YellowGreen |
#9ACD32 |
|
CSS renk paletleri , hex color değerlerini ve renklerin isimlerini öğrenmiş olduk.
CSS3 ile yeni gelen özelliklerin konu anlatım derslerini takip ederek hızlı bir şekilde css öğrenebilirsiniz.Sitede CSS ile ilgili 1000'i aşan örnek ve uygulamalar var.CSS animasyon özelliklerini kullanarak web site tasarıma hemen başlayınn.Başarılar..
Yorumlar
Yorum Gönder