வண்ணத் தட்டு உருவாக்கி

இலவச வண்ணத் தட்டு உருவாக்கி: ஒத்திசைவான தட்டுகளை (அருகமை, நிரப்பு, முக்கோண மற்றும் பல) உருவாக்கி, பிடித்த வண்ணங்களைப் பூட்டி HEX அல்லது CSS ஆகப் பெறுங்கள்.

புதிய வண்ணங்களுக்கு ஸ்பேஸ் பாரை அல்லது “உருவாக்கு” என்பதை அழுத்தவும். வைத்திருக்க விரும்பும் வண்ணங்களைப் பூட்டவும், நகலெடுக்க ஒரு குறியீட்டைக் கிளிக் செய்யவும்.

இது என்ன செய்கிறது


இந்த உருவாக்கி இணையதளங்கள், செயலிகள், விளக்கக்காட்சிகள் மற்றும் வடிவமைப்புகளுக்கான வண்ணத் தட்டுகளை உருவாக்குகிறது. ஓர் அடிப்படை வண்ணத்திலிருந்து ஒன்றோடொன்று பொருந்தும் வண்ணங்களை உருவாக்க ஓர் ஒத்திசைவைத் தேர்ந்தெடுங்கள், அல்லது சீரற்ற தட்டுகளுக்கு ஸ்பேஸ் பாரை அழுத்துங்கள்; பிடித்த வண்ணங்களைப் பூட்டினால் மற்றவை மட்டுமே மாறும். வண்ணங்கள் OKLCH வண்ண வெளியில் கணக்கிடப்படுகின்றன; இது சாயல் மாறினாலும் உணரப்படும் ஒளிர்வைத் தக்கவைப்பதால் தட்டுகள் சமநிலையாகத் தோன்றும். வண்ணங்களை HEX, CSS மாறிகள் அல்லது JSON ஆக நகலெடுக்கலாம், அல்லது தட்டை ஓர் இணைப்பு மூலம் பகிரலாம்.

எப்படிப் பயன்படுத்துவது


  1. ஓர் ஒத்திசைவையும் அடிப்படை வண்ணத்தையும் தேர்ந்தெடுங்கள், அல்லது “சீரற்ற” என்றே விடுங்கள்.
  2. தட்டு பிடிக்கும் வரை ஸ்பேஸ் பாரை அல்லது “உருவாக்கு” என்பதை அழுத்துங்கள்; வைத்திருக்க விரும்பும் வண்ணங்களைப் பூட்டுங்கள்.
  3. ஒரு வண்ணக் குறியீட்டை நகலெடுக்க அதைக் கிளிக் செய்யுங்கள், அல்லது முழுத் தட்டையும் HEX, CSS அல்லது JSON ஆக நகலெடுங்கள்.

அடிக்கடி கேட்கப்படும் கேள்விகள்


ஒத்திசைவுகள் எதைக் குறிக்கின்றன?
இவை வண்ணச் சக்கரத்தின் பாரம்பரியச் சேர்க்கைகள். அருகமை அமைதியான தோற்றத்திற்கு அடுத்தடுத்த சாயல்களைப் பயன்படுத்துகிறது; நிரப்பு வலுவான மாறுபாட்டிற்கு எதிரெதிர் சாயல்களைப் பயன்படுத்துகிறது; முக்கோணமும் நான்முகமும் மூன்று அல்லது நான்கு சாயல்களைச் சம இடைவெளியில் பரப்புகின்றன; பிளவு நிரப்பு, நிரப்பு இணையை மென்மையாக்குகிறது; ஒற்றை வண்ணம் ஒரே சாயலைப் பல அடர்த்திகளில் பயன்படுத்துகிறது.

HSL அல்ல, ஏன் OKLCH?
HSL-இல் ஒரே ஒளிர்வு மதிப்புள்ள மஞ்சளும் நீலமும் பிரகாசத்தில் மிகவும் வேறுபட்டுத் தெரியும். OKLCH மனிதப் புலனுணர்வை அடிப்படையாகக் கொண்டு வடிவமைக்கப்பட்டது; எனவே சாயலைச் சுழற்றும்போது வண்ணங்கள் சம அளவில் ஒளிர்வாக இருக்கும். இதனால்தான் இந்த வண்ண வெளி CSS-இல் சேர்க்கப்பட்டது.

வண்ணங்கள் படிக்க எளிதானவையா என்று சரிபார்க்க முடியுமா?
ஆம்: ஒரு வண்ண உரை மற்றொரு வண்ணப் பின்னணியில் WCAG அணுகல்தன்மை நிலைகளை நிறைவு செய்கிறதா என்பதைக் காண மாறுபாடு சரிபார்ப்பியைப் பயன்படுத்துங்கள்.

Wikipedia — Color scheme
Wikipedia — Oklab color space