வண்ணத் தேர்வி OKLCH-இல் இயங்குகிறது; இது நவீன CSS-இன், கண் உணரும் விதத்தைப் பின்பற்றும் வண்ண வெளி. வண்ணப் பகுதியின் குறுக்கே, வண்ணச் செறிவு (chroma) சாம்பலிலிருந்து அந்த ஒளிர்வில் (lightness) திரை காட்டக்கூடிய அதிகபட்சம் வரை செல்கிறது; அதனால் ஒவ்வொரு புள்ளியும் நீங்கள் பயன்படுத்தக்கூடிய வண்ணம், சாயல் (hue) மாறும்போதும் குமிழ் நகராமல் இருக்கும்.

புலம், வண்ணப் பெயர்கள் உட்பட எந்த CSS வண்ணத்தையும் ஏற்கிறது; வடிவப் பொத்தான் மதிப்பை hex, rgb(), hsl(), oklch() அல்லது color(display-p3) ஆக எழுதுகிறது. ஒரு வடிவத்தின் வண்ண வரம்புக்கு (gamut) வெளியே உள்ள வண்ணம், அதன் ஒளிர்வும் சாயலும் மாறாமல், CSS முறைப்படி அந்த வரம்புக்குள் கொண்டுவரப்படுகிறது.

தேர்ந்தெடுக்க swatches-ஐயும், WCAG 2 கான்ட்ராஸ்ட்டை அளக்கும் முறைப்படி ஒரு பின்னணிக்கு எதிராக வண்ணத்தைச் சரிபார்க்க contrastWith-ஐயும் சேருங்கள். உலாவியில் ஐட்ராப்பர் இருக்கும் இடங்களில், ஒரு பொத்தான் திரையிலிருந்து வண்ணத்தை எடுக்கிறது.

பிராண்ட் வண்ணம்

பெயரிட்ட வண்ண மாதிரிகள், வண்ணத்தின் மேல் வெள்ளை உரையின் கான்ட்ராஸ்ட்: வெளிர் வண்ணத்தைத் தேர்ந்தெடுத்தால் AA தோல்வியடைகிறது.

Contrast 6.28:1 AA passes AAA fails
Get started

#4f46e5

பரந்த வண்ண வரம்பு

gamut="p3" பகுதியை Display P3 வண்ணங்களால் நிரப்புகிறது; sRGB எங்கே முடிகிறது என்பதை ஓர் இடைவிட்ட கோடு குறிக்கிறது. மதிப்பு oklch()-இலேயே இருக்கும்.

பாப்ஓவரில்

வண்ணத்தைக் காட்டும் ஒரு பொத்தான், தேர்வியை ஒரு பாப்ஓவரில் திறக்கிறது.