HTML HEX Colors

ஒரு அறுபதின்ம வண்ணம் இவ்வாறு குறிப்பிடப்படுகிறது: #RRGGBB, RR (சிவப்பு), GG (பச்சை) மற்றும் BB (நீலம்) அறுபதின்ம முழு எண்கள் வண்ணத்தின் கூறுகளை குறிப்பிடுகின்றன.

HEX Colors
#RRGGBB Format

Common HEX Colors
Web Standard

HEX Color Values

HTML இல், ஒரு வண்ணத்தை பின்வரும் வடிவத்தில் அறுபதின்ம மதிப்பைப் பயன்படுத்தி குறிப்பிடலாம்:

#rrggbb

rr (சிவப்பு), gg (பச்சை) மற்றும் bb (நீலம்) என்பது 00 மற்றும் ff க்கு இடையிலான அறுபதின்ம மதிப்புகள் (தசம 0-255 போன்றது).

அறுபதின்ம எண் அமைப்பு

அறுபதின்மம் (HEX) என்பது தளம்-16 எண் அமைப்பாகும். இது 16 குறியீடுகளைப் பயன்படுத்துகிறது:

0

1

2

3

4

5

6

7

8

9

A

B

C

D

E

F

HEX	தசமம்	HEX	தசமம்
00	0	80	128
20	32	A0	160
40	64	C0	192
60	96	E0	224
FF	255	00	0

முக்கிய HEX மதிப்புகள்:

#ff0000
சிவப்பு

#00ff00
பச்சை

#0000ff
நீலம்

#000000
கருப்பு

#ffffff
வெள்ளை

#808080
சாம்பல்

Jassif Team மாற்றம்:

HEX முதல் RGB மாற்றம்:
#ff0000 = rgb(255, 0, 0)
#00ff00 = rgb(0, 255, 0)
#0000ff = rgb(0, 0, 255)
#000000 = rgb(0, 0, 0)
#ffffff = rgb(255, 255, 255)

HEX எடுத்துக்காட்டுகள்

பொதுவான HEX வண்ணங்களின் எடுத்துக்காட்டுகள்:

#ff0000

#0000ff

#3cb371

#ee82ee

#ffa500

#6a5acd

Jassif Team விளக்கம்:

#ff0000 சிவப்பாகக் காட்டப்படுகிறது, ஏனெனில் சிவப்பு அதன் அதிகபட்ச மதிப்பாக அமைக்கப்பட்டுள்ளது (ff), மற்ற இரண்டும் (பச்சை மற்றும் நீலம்) 00 ஆக அமைக்கப்பட்டுள்ளன.

#00ff00 பச்சையாகக் காட்டப்படுகிறது, ஏனெனில் பச்சை அதன் அதிகபட்ச மதிப்பாக அமைக்கப்பட்டுள்ளது (ff), மற்ற இரண்டும் (சிவப்பு மற்றும் நீலம்) 00 ஆக அமைக்கப்பட்டுள்ளன.

HEX கலவை சோதனை

கீழே உள்ள HEX மதிப்புகளை கலந்து சோதனை செய்யுங்கள்:

#ff6347

RED ff

GREEN 63

BLUE 47

Jassif Team சோதனை:

சிலிண்டர்களை நகர்த்துவதன் மூலம் வெவ்வேறு HEX வண்ணங்களை உருவாக்க முயற்சிக்கவும். 00 முதல் ff வரையிலான மதிப்புகள் ஒவ்வொரு வண்ணத்தின் செறிவையும் கட்டுப்படுத்துகின்றன.

HEX இல் சாம்பல் நிறத்தின் நிழல்கள்

சாம்பல் நிறத்தின் நிழல்கள் பெரும்பாலும் மூன்று அளவுருக்களுக்கும் சமமான மதிப்புகளைப் பயன்படுத்தி வரையறுக்கப்படுகின்றன:

#404040

#686868

#a0a0a0

#bebebe

#dcdcdc

#f8f8f8

Jassif Team விதி:

HEX சாம்பல் நிறங்களுக்கு சிவப்பு, பச்சை மற்றும் நீலம் அனைத்தும் ஒரே HEX மதிப்பைக் கொண்டிருக்க வேண்டும். மதிப்பு 00 க்கு அருகில் இருந்தால் கருப்பு நிறத்திற்கு அருகில், ff க்கு அருகில் இருந்தால் வெள்ளை நிறத்திற்கு அருகில்.

HEX vs RGB ஒப்பீடு

அம்சம்	HEX	RGB
முழுப் பெயர்	Hexadecimal	Red Green Blue
சூத்திரம்	#rrggbb	rgb(r, g, b)
மதிப்பு வரம்பு	00-ff (அறுபதின்மம்)	0-255 (தசமம்)
பயன்பாடு	வலைத் தரநிலை, CSS	பொது நோக்கம்
சுருக்கம்	#fff, #000 (3-digit)	இல்லை
எடுத்துக்காட்டு	#ff6347	rgb(255, 99, 71)

Jassif Team மாற்று சூத்திரம்:

HEX → RGB: ஒவ்வொரு HEX ஜோடியையும் தசமமாக மாற்றவும்
RGB → HEX: ஒவ்வொரு தசம மதிப்பையும் அறுபதின்மமாக மாற்றவும்
எ.கா: #ff6347 = rgb(255, 99, 71)

பயிற்சி

🔢 பின்வருவனவற்றில் எது அதிகபட்ச HEX எண்?

#44

தசமம்: 68

#AA

தசமம்: 170

#BB

தசமம்: 187

#44 (தசமம்: 68)

✗ தவறு! 44 என்பது குறைந்த HEX மதிப்பு

#AA (தசமம்: 170)

✗ தவறு! AA என்பது BB ஐ விட குறைவானது

#BB (தசமம்: 187)

✓ சரி! BB என்பது அதிகபட்ச HEX மதிப்பு (தசமம் 187)

#FF (தசமம்: 255)

✗ தவறு! FF சரியான பதில் அல்ல, அது விருப்பங்களில் இல்லை

Jassif Team HEX வரிசை:

HEX எண்களின் வரிசை: 0-9 (குறைந்தது), A-F (அதிகம்)
A=10, B=11, C=12, D=13, E=14, F=15 (தசமம்)
எனவே: #44 (68) < #AA (170) < #BB (187) < #FF (255)

3-இலக்கம் HEX சுருக்கம்

HEX வண்ணங்களுக்கு 3-இலக்கம் சுருக்கம் உள்ளது:

#f00
= #ff0000
சிவப்பு

#0f0
= #00ff00
பச்சை

#00f
= #0000ff
நீலம்

#000
= #000000
கருப்பு

#fff
= #ffffff
வெள்ளை

#888
= #888888
சாம்பல்

Jassif Team விதி:

3-இலக்கம் HEX சுருக்கம் ஒவ்வொரு இலக்கத்தையும் இரட்டிப்பாக்குவதன் மூலம் வேலை செய்கிறது: #rgb = #rrggbb
எ.கா: #f00 = #ff0000, #0f0 = #00ff00, #00f = #0000ff