வண்ணங்களை வடிவங்களுக்கு இடையே மாற்றுங்கள்
எந்த CSS வடிவத்திலும் ஒரு வண்ணத்தை உள்ளிடவும் — #3B82F6 அல்லது #38F போன்ற HEX குறியீடு, rgb() அல்லது rgba(), hsl(), அல்லது tomato போன்ற பெயர் — அல்லது வண்ணத் தேர்வி மூலம் தேர்ந்தெடுக்கவும். இந்தக் கருவி அதே வண்ணத்தை HEX, RGB, HSL, HSV மற்றும் CMYK ஆகக் காட்டுகிறது; உங்கள் CSS, வடிவமைப்புக் கருவி அல்லது அச்சு அமைப்புகளில் நகலெடுக்கத் தயார்.
அந்த வண்ணத்தின் மீது வெள்ளை அல்லது கருப்பு உரை எவ்வளவு எளிதாகப் படிக்கக்கூடியது என்பதையும் WCAG மாறுபாட்டு விகிதமாகக் காட்டுகிறது: 4.5:1 அல்லது அதற்கு மேல் இருந்தால் சாதாரண உரைக்கான AA நிலையை அடைகிறது. CSS படிப்பது போலவே உங்கள் உலாவி வண்ணத்தைத் துல்லியமாகப் படிக்கிறது.
இந்த வண்ண மாற்றியை ஏன் பயன்படுத்த வேண்டும்?
- HEX, RGB, HSL, HSV மற்றும் CMYK ஒரே இடத்தில்
- அனைத்து CSS வண்ண வடிவங்களையும் வண்ணப் பெயர்களையும் ஏற்கிறது
- வெளிப்படைத்தன்மை (alpha) ஆதரவு
- வெள்ளை மற்றும் கருப்பு உரையுடன் WCAG மாறுபாடு
வண்ணத்தை மாற்றுவது எப்படி
- ஒரு வண்ணத்தைத் தட்டச்சு செய்யவும் அல்லது ஒட்டவும், அல்லது வண்ணத் தேர்வி மூலம் தேர்ந்தெடுக்கவும்
- முன்னோட்டத்துக்கு அருகில் அனைத்து வடிவங்களிலும் வண்ணத்தைப் பாருங்கள்
- உங்களுக்குத் தேவையான வடிவத்துக்கு அருகிலுள்ள நகலெடு பொத்தானைக் கிளிக் செய்யவும்
அடிக்கடி கேட்கப்படும் கேள்விகள்
இந்த வண்ண மாற்றி இலவசமா?
ஆம், இது முற்றிலும் இலவசம், உங்கள் உலாவியிலேயே இயங்குகிறது.
RGB, HSL மற்றும் HSV இடையே உள்ள வேறுபாடு என்ன?
RGB சிவப்பு, பச்சை மற்றும் நீல ஒளியைக் கலக்கிறது (ஒவ்வொன்றும் 0–255). HSL மற்றும் HSV அதே வண்ணத்தைச் சாயல் (0–360°), செறிவு மற்றும் ஒளிர்வு அல்லது மதிப்பு (value) மூலம் விவரிக்கின்றன; இதனால் வெளிர்ந்த, அடர்ந்த அல்லது மங்கலான வகைகளை உருவாக்குவது எளிதாகிறது.
மாறுபாட்டு விகிதம் என்றால் என்ன?
இது உரை மற்றும் பின்னணி வண்ணங்களின் பிரகாசத்தை ஒப்பிடுகிறது (WCAG 2). AA நிலையில் சாதாரண உரைக்குக் குறைந்தது 4.5:1, பெரிய உரைக்கு 3:1 விகிதம் தேவை; விகிதம் அதிகமாக இருந்தால், படிப்பது எளிது.
ஏதாவது சேவையகத்திற்கு அனுப்பப்படுகிறதா?
இல்லை. அனைத்தும் உங்கள் உலாவியிலேயே கணக்கிடப்படுகிறது.