CSS കളർ കോഡുകൾ

CSS കളർ കോഡുകളും പേരുകളും.

CSS നിറം

കളർ കോഡ് ഇവയിലൊന്നാകാം:

ഹെക്സ് ഫോർമാറ്റ്: #rrggbb

RGB ഫോർമാറ്റ്: rgb (ചുവപ്പ്, പച്ച, നീല)

നാമ ഫോർമാറ്റ്: പേര്

ഉദാഹരണം

ഓറഞ്ച് നിറത്തിന്:

ഹെക്സ് ഫോർമാറ്റ്: # FFA500

RGB ഫോർമാറ്റ്: rgb (255,165,0)

നാമ ഫോർമാറ്റ്: ഓറഞ്ച്

ഘടക വർണ്ണം സജ്ജമാക്കുന്നു

നിർദ്ദിഷ്ട ഘടകത്തിനായി:

<element style="color: code;"/</element/

ഒരേ തരത്തിലുള്ള എല്ലാ ഘടകങ്ങൾക്കും. തല വിഭാഗത്തിൽ <style/ ടാഗിൽ കോഡ് ഇടുക:

<style/
   element
{ color: code; }
</style/

ഉദാഹരണം

ഖണ്ഡിക വാചക വർണ്ണം ചുവപ്പായി സജ്ജമാക്കുന്നു:

നിർദ്ദിഷ്ട ഖണ്ഡികയുടെ നിറം ക്രമീകരിക്കുന്നു:

<p style="color: #FF0000;"/Some text ...</p/

കാണുക:

കുറച്ച് വാചകം ...

എല്ലാ ഖണ്ഡികകളുടെയും നിറം ക്രമീകരിക്കുന്നു

<style>
   p { color: #FF0000; }
</style>

ഘടക പശ്ചാത്തല വർണ്ണം സജ്ജമാക്കുന്നു

element { background: code; }

ഉദാഹരണം

ഖണ്ഡിക പശ്ചാത്തല വർണ്ണം ചുവപ്പായി സജ്ജമാക്കുന്നു:

നിർദ്ദിഷ്ട ഖണ്ഡികയുടെ പശ്ചാത്തല വർണ്ണം സജ്ജമാക്കുന്നു:

<p style="background: #FF0000;">Some text ...</p>

കാണുക:

കുറച്ച് വാചകം ...

എല്ലാ ഖണ്ഡികകളുടെയും പശ്ചാത്തല വർ‌ണം സജ്ജമാക്കുന്നു:

<style>
   p { background: #FF0000; }
</style>

ഘടക ബോർഡർ നിറം സജ്ജമാക്കുന്നു

element { border-color: topcode rightcode bottomcode leftcode }

ഉദാഹരണം

ഖണ്ഡിക ബോർഡർ നിറം ചുവപ്പ്, പച്ച, നീല, കറുപ്പ് എന്നിങ്ങനെ സജ്ജമാക്കുന്നു:

നിർദ്ദിഷ്ട ഖണ്ഡികയുടെ ബോർഡർ വർണ്ണം സജ്ജമാക്കുന്നു:

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>

കാണുക:

കുറച്ച് വാചകം ...

എല്ലാ ഖണ്ഡികകളുടെയും അതിർത്തി വർണ്ണം സജ്ജമാക്കുന്നു:

<style>
   p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>

ചുവപ്പ് നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  ലൈറ്റ്‌സാൽമോൺ # FFA07A rgb (255,160,122)
  സാൽമൺ # FA8072 rgb (250,128,114)
  ഡാർക്ക്‌സാൽമൺ # E9967A rgb (233,150,122)
  ലൈറ്റ്കോറൽ # F08080 rgb (240,128,128)
  indianred # സിഡി 5 സി 5 സി rgb (205,92,92)
  കടും ചുവപ്പ് # DC143C rgb (220,20,60)
  ഫയർബ്രിക് # B22222 rgb (178,34,34)
  ചുവപ്പ് # FF0000 rgb (255,0,0)
  കടും ചുവപ്പ് # 8B0000 rgb (139,0,0)

ഓറഞ്ച് നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  പവിഴം # FF7F50 rgb (255,127,80)
  തക്കാളി # FF6347 rgb (255,99,71)
  ഓറഞ്ച് നിറത്തിലുള്ള # FF4500 rgb (255,69,0)
  സ്വർണം # FFD700 rgb (255,215,0)
  ഓറഞ്ച് # FFA500 rgb (255,165,0)
  darkorange # FF8C00 rgb (255,140,0)

മഞ്ഞ നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  ഇളം മഞ്ഞ # FFFFE0 rgb (255,255,224)
  ചെറുനാരങ്ങ #FFFACD rgb (255,250,205)
  lightgoldenrodyellow # FAFAD2 rgb (250,250,210)
  പപ്പായവിഷിപ്പ് # FFEFD5 rgb (255,239,213)
  മൊക്കാസിൻ # FFE4B5 rgb (255,228,181)
  പീച്ച് പഫ് # FFDAB9 rgb (255,218,185)
  palegoldenrod # EEE8AA rgb (238,232,170)
  ഖാക്കി # F0E68C rgb (240,230,140)
  ഇരുണ്ട കാക്കി # BDB76B rgb (189,183,107)
  മഞ്ഞ # FFFF00 rgb (255,255,0)

പച്ച നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  ലോംഗ്രീൻ # 7CFC00 rgb (124,252,0)
  ചാർ‌ട്ര്യൂസ് # 7FFF00 rgb (127,255,0)
  നാരങ്ങ പച്ച # 32 സിസി 32 rgb (50,205,50)
  നാരങ്ങ # 00FF00 rgb (0.255.0)
  ഫോറസ്റ്റ്ഗ്രീൻ # 228 ബി 22 rgb (34,139,34)
  പച്ച # 008000 rgb (0,128,0)
  ഇരുണ്ട പച്ച # 006400 rgb (0,100,0)
  പച്ചനിറം # ADFF2F rgb (173,255,47)
  മഞ്ഞ പച്ച # 9ACD32 rgb (154,205,50)
  സ്പ്രിംഗ് ഗ്രീൻ # 00FF7F rgb (0,255,127)
  മീഡിയംപ്രിംഗ്ഗ്രീൻ # 00FA9A rgb (0,250,154)
  ഇളം പച്ച # 90EE90 rgb (144,238,144)
  വിളറിയ പച്ച # 98FB98 rgb (152,251,152)
  ഡാർക്ക് സീഗ്രീൻ # 8FBC8F rgb (143,188,143)
  മീഡിയം സീഗ്രീൻ # 3CB371 rgb (60,179,113)
  കടൽ # 2E8B57 rgb (46,139,87)
  ഒലിവ് # 808000 rgb (128,128,0)
  darkolivegreen # 556B2F rgb (85,107,47)
  ഒലിവ്രാബ് # 6B8E23 rgb (107,142,35)

സിയാൻ നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  ലൈറ്റ്സിയാൻ # E0FFFF rgb (224,255,255)
  സിയാൻ # 00FFFF rgb (0,255,255)
  അക്വാ # 00FFFF rgb (0,255,255)
  അക്വാമറൈൻ # 7FFFD4 rgb (127,255,212)
  മീഡിയംക്വാമറൈൻ # 66CDAA rgb (102,205,170)
  paleturquoise #AFEEEE rgb (175,238,238)
  ടർക്കോയ്സ് # 40E0D0 rgb (64,224,208)
  ഇടത്തരം # 48D1CC rgb (72,209,204)
  darkturquoise # 00CED1 rgb (0,206,209)
  ലൈറ്റ് സീഗ്രീൻ # 20B2AA rgb (32,178,170)
  കേഡറ്റ്ബ്ലൂ # 5F9EA0 rgb (95,158,160)
  ഡാർക്ക്സിയാൻ # 008B8B rgb (0,139,139)
  ടീൽ # 008080 rgb (0,128,128)

നീല നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  പൊടി ബ്ലൂ # B0E0E6 rgb (176,224,230)
  ഇളം നീല # ADD8E6 rgb (173,216,230)
  ലൈറ്റ്സ്കിബ്ലൂ # 87CEFA rgb (135,206,250)
  ആകാശ നീലിമ # 87CEEB rgb (135,206,235)
  deepskyblue # 00BFFF rgb (0,191,255)
  ലൈറ്റ്സ്റ്റീൽബ്ലൂ # B0C4DE rgb (176,196,222)
  dodgerblue # 1E90FF rgb (30,144,255)
  കോൺ‌ഫ്ലവർ‌ബ്ലൂ # 6495ED rgb (100,149,237)
  സ്റ്റീൽ‌ബ്ലൂ # 4682 ബി 4 rgb (70,130,180)
  രാജകീയ നീല # 4169E1 rgb (65,105,225)
  നീല # 0000FF rgb (0,0,255)
  മീഡിയംബ്ലൂ # 0000 സിഡി rgb (0,0,205)
  കടും നീല # 00008 ബി rgb (0,0,139)
  നേവി # 000080 rgb (0,0,128)
  അർദ്ധരാത്രി ബ്ലൂ # 191970 rgb (25,25,112)
  മീഡിയംസ്‌ലെറ്റ്ബ്ലൂ # 7B68EE rgb (123,104,238)
  സ്ലേറ്റ്ബ്ലൂ # 6A5ACD rgb (106,90,205)
  ഡാർക്‌സ്‌ലേറ്റ്ബ്ലൂ # 483D8B rgb (72,61,139)

പർപ്പിൾ നിറങ്ങൾ

നിറം HTML / CSS
 വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
 #RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  ലാവെൻഡർ # E6E6FA rgb (230,230,250)
  മുൾപടർപ്പു # D8BFD8 rgb (216,191,216)
  പ്ലം # DDA0DD rgb (221,160,221)
  വയലറ്റ് # EE82EE rgb (238,130,238)
  ഓർക്കിഡ് # DA70D6 rgb (218,112,214)
  ഫ്യൂഷിയ # FF00FF rgb (255,0,255)
  മജന്ത # FF00FF rgb (255,0,255)
  മീഡിയമോർചിഡ് # BA55D3 rgb (186,85,211)
  ഇടത്തരം # 9370DB rgb (147,112,219)
  ബ്ലൂവയലറ്റ് # 8A2BE2 rgb (138,43,226)
  ഇരുണ്ട വയലറ്റ് # 9400D3 rgb (148,0,211)
  ഡാർക്കോർചിഡ് # 9932 സിസി rgb (153,50,204)
  darkmagenta # 8B008B rgb (139,0,139)
  പർപ്പിൾ # 800080 rgb (128,0,128)
  ഇൻഡിഗോ # 4B0082 rgb (75,0,130)

പിങ്ക് നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  പിങ്ക് # FFC0CB rgb (255,192,203)
  ഇളം പിങ്ക് # FFB6C1 rgb (255,182,193)
  ഹോട്ട്പിങ്ക് # FF69B4 rgb (255,105,180)
  ഡീപിങ്ക് # FF1493 rgb (255,20,147)
  പാലീവിയോലെറ്റർ # DB7093 rgb (219,112,147)
  ഇടത്തരം വയലറ്റ് # സി 71585 rgb (199,21,133)

വെളുത്ത നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  വെള്ള #FFFFFF rgb (255,255,255)
  മഞ്ഞ് #FFFAFA rgb (255,250,250)
  തേൻതുള്ളി # F0FFF0 rgb (240,255,240)
  മിന്റ്ക്രീം # F5FFFA rgb (245,255,250)
  അസുര # F0FFFF rgb (240,255,255)
  ആലീസ്ബ്ലൂ # F0F8FF rgb (240,248,255)
  ഗോസ്റ്റ്വൈറ്റ് # F8F8FF rgb (248,248,255)
  വൈറ്റ്സ്മോക്ക് # F5F5F5 rgb (245,245,245)
  സീഷെൽ # FFF5EE rgb (255,245,238)
  ബീജ് # F5F5DC rgb (245,245,220)
  ഓൾഡ്‌ലേസ് # FDF5E6 rgb (253,245,230)
  ഫ്ലോറൽ‌വൈറ്റ് # FFFAF0 rgb (255,250,240)
  ആനക്കൊമ്പ് # FFFFF0 rgb (255,255,240)
  ആന്റിക്വൈറ്റ് # FAEBD7 rgb (250,235,215)
  ലിനൻ # FAF0E6 rgb (250,240,230)
  ലാവെൻഡർബ്ലഷ് # FFF0F5 rgb (255,240,245)
  മിസ്റ്റൈറോസ് # FFE4E1 rgb (255,228,225)

ചാര നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  ഗെയിൻസ്ബോറോ #DCDCDC rgb (220,220,220)
  ഇളം ചാര നിറം # D3D3D3 rgb (211,211,211)
  വെള്ളി # C0C0C0 rgb (192,192,192)
  ഇരുണ്ട ചാരനിറം # A9A9A9 rgb (169,169,169)
  ചാരനിറം # 808080 rgb (128,128,128)
  മങ്ങിയത് # 696969 rgb (105,105,105)
  ലൈറ്റ്‌സ്‌ലെറ്റ്ഗ്രേ # 778899 rgb (119,136,153)
  സ്ലേറ്റ്ഗ്രേ # 708090 rgb (112,128,144)
  ഡാർക്‌സ്‌ലേറ്റ്ഗ്രേ # 2F4F4F rgb (47,79,79)
  കറുപ്പ് # 000000 rgb (0,0,0)

തവിട്ട് നിറങ്ങൾ

നിറം HTML / CSS
വർ‌ണ്ണ നാമം
ഹെക്സ് കോഡ്
#RRGGBB
ഡെസിമൽ കോഡ്
(R, G, B)
  കോൺസിൽക്ക് # FFF8DC rgb (255,248,220)
  ബ്ലാഞ്ചെൽമണ്ട് #FFEBCD rgb (255,235,205)
  ബിസ്ക് # FFE4C4 rgb (255,228,196)
  നവജോവൈറ്റ് #FFDEAD rgb (255,222,173)
  ഗോതമ്പ് # F5DEB3 rgb (245,222,179)
  ബോളിവുഡ് # DEB887 rgb (222,184,135)
  ടാൻ # D2B48C rgb (210,180,140)
  റോസിബ്ര own ൺ # BC8F8F rgb (188,143,143)
  സാൻഡിബ്ര own ൺ # F4A460 rgb (244,164,96)
  ഗോൾഡൻറോഡ് # DAA520 rgb (218,165,32)
  പെറു # സിഡി 853 എഫ് rgb (205,133,63)
  ചോക്ലേറ്റ് # D2691E rgb (210,105,30)
  സഡിൽബ്ര rown ൺ # 8B4513 rgb (139,69,19)
  സിയന്ന # A0522D rgb (160,82,45)
  തവിട്ട് # A52A2A rgb (165,42,42)
  മെറൂൺ # 800000 rgb (128,0,0)

 


ഇതും കാണുക

CSS
ദ്രുത പട്ടികകൾ