HEX முதல் RGB மாற்றி: வண்ணக் குறியீடுகள், HSL, CMYK – இலவசம்
இலவசம், பதிவு தேவையில்லை, உங்கள் உலாவியிலேயே வேலை செய்யும். வண்ணக் குறியீட்டை ஒட்டுங்கள்; HEX, RGB, HSL, HSV, CMYK ஒரே நேரத்தில் கிடைக்கும். ஒவ்வொன்றுக்கும் நகல் பொத்தான் உண்டு.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
உரைக்கான மாறுபாடு
சாதாரண உரைக்கு AA-க்கு 4.5:1 தேவை, பெரிய உரைக்கு 3:1; AAA-க்கு 7:1 தேவை. மாறுபாடு திடமான நிறத்தில் அளக்கப்படுகிறது.
எல்லாமே உங்கள் சாதனத்திலேயே மாற்றப்படும்.
HEX முதல் RGB வண்ண மாற்றி ஏன் பயன்படுத்த வேண்டும்
- 100% இலவசம்
- விரும்பும் அளவுக்குப் பயன்படுத்தலாம். பதிவு தேவையில்லை, வாட்டர்மார்க் இல்லை, எதையும் நிறுவ வேண்டியதில்லை.
- வடிவமைப்பிலேயே தனிப்பட்டது
- நீங்கள் தட்டச்சு செய்வது உங்கள் உலாவியிலேயே இருக்கும், ஒருபோதும் எங்களுக்கு அனுப்பப்படாது.
- எந்தச் சாதனத்திலும் வேலை செய்யும்
- Windows, Mac, Linux, Android மற்றும் iPhone-இல் உங்கள் உலாவியிலேயே இயங்கும். ஆப் தேவையில்லை.
HEX முதல் RGB வண்ண மாற்றி-ஐ எப்படிப் பயன்படுத்துவது
- வண்ணம் பெட்டியில் எந்த வடிவிலும் ஒட்டுங்கள் (எ.கா. #2F5BFF, rgb(47, 91, 255), hsl(227, 100%, 59%), cmyk(82%, 64%, 0%, 0%)), அல்லது வண்ணத் தேர்வைப் பயன்படுத்துங்கள்.
- வெளிப்படைத்தன்மை தேவைப்பட்டால் ஒளிபுகாநிலை ஸ்லைடரை நகர்த்துங்கள். HEX-க்கு இரண்டு இலக்கங்கள் சேரும்; RGB rgba() ஆகும்.
- HEX, RGB, HSL, HSV அல்லது CMYK அருகில் உள்ள நகல் பொத்தானைக் கிளிக் செய்யுங்கள்.
- உரைக்கான மாறுபாடு என்பதின் கீழ், வண்ணத்தின் மீது வெள்ளை அல்லது கறுப்பு உரை நன்றாகத் தெரிகிறதா எனப் பாருங்கள்.
அடிக்கடி கேட்கப்படும் கேள்விகள்
HEX-ஐ RGB ஆக எப்படி மாற்றுவது?
ஆறு இலக்கங்களை மூன்று இணைகளாகப் பிரித்து, ஒவ்வொரு இணையையும் 0 முதல் 255 வரையிலான எண்ணாகப் படியுங்கள். #2F5BFF-க்கு 2F = 47, 5B = 91, FF = 255; எனவே rgb(47, 91, 255). இந்தக் கருவி தட்டச்சு செய்யும்போதே இதைச் செய்கிறது.
RGB-ஐ HEX ஆக எப்படி மாற்றுவது?
rgb(47, 91, 255) அல்லது வெறும் 47, 91, 255 போன்ற RGB மதிப்பை ஒட்டி HEX வரியை நகலெடுங்கள். 0 முதல் 255 வரையிலான ஒவ்வொரு எண்ணும் இரண்டு ஹெக்ஸ் இலக்கங்களாக மாறும்: 47 = 2F, 91 = 5B, 255 = FF.
8-இலக்க HEX குறியீடுகள் பற்றி என்ன?
கடைசி இரண்டு இலக்கங்கள் ஒளிபுகாநிலை (alpha): 00 (வெளிப்படையானது) முதல் FF (முழுமையானது) வரை. #2F5BFF80 ஏறத்தாழ 50% ஒளிபுகும். #abc, #abcd போன்ற சுருக்க வடிவங்களும் வேலை செய்யும்.
HEX, RGB மற்றும் HSL இடையே வேறுபாடு என்ன?
மூன்றும் ஒரே வண்ணத்தை வெவ்வேறு வழிகளில் விவரிக்கின்றன. HEX மற்றும் RGB சிவப்பு, பச்சை, நீல அளவுகளைத் தருகின்றன (HEX அடிப்படை 16-இல்); HSL நிறச்சாயல், செறிவு, ஒளிர்வைத் தருகிறது, இதைக் கைமுறையாகச் சரிசெய்வது எளிது. இவை மூன்றும் CSS-இல் வேலை செய்கின்றன.
HSV என்றால் என்ன; அது HSL-இலிருந்து எப்படி வேறுபடுகிறது?
HSV (HSB எனவும் அழைக்கப்படும்) நிறச்சாயல், செறிவு, மதிப்பைப் பயன்படுத்துகிறது; பல வடிவமைப்பு ஆப்கள் வண்ணத் தேர்வியில் இதைப் பயன்படுத்துகின்றன. HSL-இல் 100% ஒளிர்வு எப்போதும் வெள்ளை; HSV-இல் 100% மதிப்பு அந்த வண்ணத்தின் மிக ஒளிரும் வடிவம்.
அச்சில் CMYK மதிப்புகள் ஏன் வேறுபட்டுத் தெரிகின்றன?
திரையிலிருந்து அச்சுக்கு மாற்றுவது அச்சுப்பொறி, மை, காகிதத்தைப் பொறுத்தது. இங்கு காட்டப்படும் CMYK ஓர் எளிய கணித மாற்றம்; துல்லியமான முடிவுகளுக்கு உங்கள் அச்சுப்பொறியின் வண்ண சுயவிவரத்தைக் கேளுங்கள்.
மாறுபாட்டு விகிதம் என்றால் என்ன?
வண்ணத்தின் மீது வெள்ளை அல்லது கறுப்பு உரை எவ்வளவு நன்றாகத் தெரிகிறது என்பதை அளவிடுகிறது. அணுகல் வழிகாட்டுதல்கள் (WCAG) சாதாரண உரைக்கு குறைந்தது 4.5:1, பெரிய உரைக்கு 3:1, கடுமையான AAA நிலைக்கு 7:1 கேட்கின்றன.
எதுவும் எங்காவது அனுப்பப்படுகிறதா?
இல்லை. மாற்றங்கள் உங்கள் சாதனத்திலேயே நடக்கின்றன.
HEX முதல் RGB வண்ண மாற்றி இலவசமா?
ஆம். இது இலவசமாகப் பயன்படுத்தலாம், பதிவு தேவையில்லை, எதையும் நிறுவ வேண்டியதில்லை.
உதவி மற்றும் வழிகாட்டிகள் (ஆங்கிலத்தில்)
- RGB vs CMYK: Screen vs Print Colors Explained (Free)RGB mixes light for screens; CMYK mixes ink for print. Why prints look duller than screens, how to convert colours, and a free HEX to RGB and CMYK converter.
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- CSS Gradient Text: background-clip Method (Free Generator)Make CSS gradient text with background-clip: text and a transparent fill. Copy a gradient from a free generator, add a solid fallback, check contrast.
- Dark Mode Colors: 8 Tips for Readable Dark Themes (Free)Dark mode colors that work: skip pure black, soften white text, lighten and desaturate accents, and check contrast in both themes with a free checker.
தொடர்புடைய கருவிகள்
- நிறப் பெயர் கண்டறிவிHEX, RGB அல்லது HSL குறியீட்டை ஒட்டுங்கள்; அருகிலுள்ள CSS நிறப் பெயர்களையும் “அடர், துடிப்பான நீலம்” போன்ற விளக்கத்தையும் பாருங்கள். 148 நிறங்களில் தேடி, பெயரை நகலெடுக்கலாம்.
- நிற மாறுபாடு சரிபார்ப்பிஉரை, பின்னணி நிறங்களை உள்ளிட்டு WCAG மாறுபாட்டு விகிதத்தையும் AA, AAA முடிவுகளையும் பாருங்கள். தோற்றால், அருகிலுள்ள தேர்ச்சி நிறத்தைக் கிளிக் செய்யுங்கள்.
- நிறத் தட்டு உருவாக்கிஇடைவெளி விசையை அழுத்தி ஐந்து நிறத் தட்டை உருவாக்குங்கள்; பிடித்த நிறங்களைப் பூட்டி, உங்கள் நிறத்திலிருந்தும் கலவைகளைப் பெறுங்கள். 11 நிழல்கள், CSS, Tailwind, JSON அல்லது HEX ஆக ஏற்றுமதி.
- CSS சாய்வு உருவாக்கி2 முதல் 8 வண்ண நிறுத்தங்களுடன் சாய்வை வடிவமைத்து, நேரடியாகப் பார்த்து CSS ஐ நகலெடுங்கள். PNG படமாகவும் பதிவிறக்கலாம்.