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>

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

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

മഞ്ഞ നിറങ്ങൾ

പച്ച നിറങ്ങൾ

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

നീല നിറങ്ങൾ

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

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

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

ചാര നിറങ്ങൾ

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

ഇതും കാണുക

• CSS നാവിഗേഷൻ ബാർ