வண்ண குறியீடு ஜெனரேட்டர் & தேர்வி

வண்ணக் குறியீடுகள், மாறுபாடுகள், இணக்கங்களை உருவாக்கி, மாறுபாடு விகிதங்களைச் சரிபார்க்கவும்.

வண்ண மாற்றம்

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

மாறுபாடுகள்

இந்தப் பிரிவின் நோக்கம், நீங்கள் தேர்ந்தெடுத்த நிறத்தின் சாயல்கள் (தூய வெள்ளை சேர்க்கப்பட்டது) மற்றும் நிழல்கள் (தூய கருப்பு சேர்க்கப்பட்டது) ஆகியவற்றை 10% அதிகரிப்பில் துல்லியமாக உருவாக்குவதாகும்.

சார்பு குறிப்பு: மிதவை நிலைகள் மற்றும் நிழல்களுக்கு நிழல்களைப் பயன்படுத்தவும், சிறப்பம்சங்கள் மற்றும் பின்னணிகளுக்கு சாயல்களைப் பயன்படுத்தவும்.

நிழல்கள்

உங்கள் அடிப்படை நிறத்தில் கருப்பு நிறத்தைச் சேர்ப்பதன் மூலம் உருவாக்கப்பட்ட அடர் மாறுபாடுகள்.

சாயங்கள்

உங்கள் அடிப்படை நிறத்தில் வெள்ளை நிறத்தைச் சேர்ப்பதன் மூலம் உருவாக்கப்பட்ட இலகுவான மாறுபாடுகள்.

பொதுவான பயன்பாட்டு வழக்குகள்

  • UI கூறு நிலைகள் (ஹோவர், செயலில், முடக்கப்பட்டது)
  • நிழல்கள் மற்றும் சிறப்பம்சங்களைப் பயன்படுத்தி ஆழத்தை உருவாக்குதல்
  • நிலையான வண்ண அமைப்புகளை உருவாக்குதல்

வடிவமைப்பு அமைப்பு குறிப்பு

இந்த மாறுபாடுகள் ஒரு ஒருங்கிணைந்த வண்ணத் தட்டுக்கான அடித்தளத்தை உருவாக்குகின்றன. உங்கள் முழு திட்டத்திலும் நிலைத்தன்மையைப் பராமரிக்க அவற்றை ஏற்றுமதி செய்யுங்கள்.

வண்ண சேர்க்கைகள்

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

எப்படி உபயோகிப்பது

எந்த நிறத்தின் ஹெக்ஸ் மதிப்பை நகலெடுக்க அதன் மீது சொடுக்கவும். இந்த சேர்க்கைகள் காட்சி இணக்கத்தை உருவாக்க கணித ரீதியாக நிரூபிக்கப்பட்டுள்ளன.

அது ஏன் முக்கியம்?

வண்ண இணக்கங்கள் சமநிலையை உருவாக்கி உங்கள் வடிவமைப்புகளில் குறிப்பிட்ட உணர்ச்சிகளைத் தூண்டுகின்றன.

நிரப்பு

வண்ண சக்கரத்தில் ஒரு நிறமும் அதன் எதிர் நிறமும், +180 டிகிரி சாயல். அதிக மாறுபாடு.

#ca4e4e
சிறந்தது: அதிக தாக்கத்தை ஏற்படுத்தும் வடிவமைப்புகள், CTAக்கள், லோகோக்கள்

பிரிப்பு-நிரப்பு

ஒரு வண்ணமும் அதன் நிரப்பிக்கு அருகில் இரண்டு வண்ணங்களும், பிரதான நிறத்திற்கு எதிரே உள்ள மதிப்பிலிருந்து +/-30 டிகிரி சாயல். நேரான நிரப்பியைப் போல தடிமனாக இருக்கும், ஆனால் பல்துறை திறன் கொண்டது.

சிறந்தது: துடிப்பான ஆனால் சமநிலையான தளவமைப்புகள்

முக்கோண

மூன்று வண்ணங்கள் வண்ணச் சக்கரத்தில் சமமாக இடைவெளியில், ஒவ்வொன்றும் 120 டிகிரி சாயல் இடைவெளியில் உள்ளன. ஒரு வண்ணம் ஆதிக்கம் செலுத்த அனுமதித்து, மற்றவற்றை உச்சரிப்புகளாகப் பயன்படுத்துவது நல்லது.

சிறந்தது: விளையாட்டுத்தனமான, துடிப்பான வடிவமைப்புகள்

ஒத்த

ஒரே மாதிரியான ஒளிர்வு மற்றும் செறிவூட்டலின் மூன்று வண்ணங்கள், வண்ண சக்கரத்தில் 30 டிகிரி இடைவெளியில் அருகிலுள்ள சாயல்களுடன். மென்மையான மாற்றங்கள்.

சிறந்தது: இயற்கையால் ஈர்க்கப்பட்ட, அமைதியான இடைமுகங்கள்

ஒற்றை நிற

+/-50% ஒளிர்வு மதிப்புகளுடன் ஒரே நிறத்தில் மூன்று வண்ணங்கள். நுட்பமானது மற்றும் நேர்த்தியானது.

சிறந்தது: குறைந்தபட்ச, அதிநவீன வடிவமைப்புகள்

டெட்ராடிக்

60 டிகிரி சாயலால் பிரிக்கப்பட்ட இரண்டு நிரப்பு வண்ணத் தொகுப்புகள்.

சிறந்தது: பணக்கார, மாறுபட்ட வண்ணத் திட்டங்கள்

வண்ணக் கோட்பாட்டின் கோட்பாடுகள்

இருப்பு

ஒரு மேலாதிக்க நிறத்தைப் பயன்படுத்தவும், இரண்டாம் நிலை நிறத்துடன் ஆதரவைப் பயன்படுத்தவும், உச்சரிப்பை குறைவாகப் பயன்படுத்தவும்.

மாறுபாடு

படிக்கக்கூடிய தன்மை மற்றும் அணுகல் தன்மைக்கு போதுமான மாறுபாட்டை உறுதிசெய்க.

இணக்கம்

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

வண்ண மாறுபாடு சரிபார்ப்பு

உரை வாசிப்புக்கான WCAG அணுகல் தரநிலைகளை அவை பூர்த்தி செய்கின்றன என்பதை உறுதிப்படுத்த வண்ண சேர்க்கைகளை சோதிக்கவும்.

உரை நிறம்
பின்னணி நிறம்
மாறுபாடு
Fail
சிறிய உரை
✖︎
பெரிய உரை
✖︎
WCAG தரநிலைகள்
AA:சாதாரண உரைக்கு குறைந்தபட்ச மாறுபாடு விகிதம் 4.5:1 மற்றும் பெரிய உரைக்கு 3:1. பெரும்பாலான வலைத்தளங்களுக்கு இது அவசியம்.
AAA:சாதாரண உரைக்கு 7:1 மற்றும் பெரிய உரைக்கு 4.5:1 என்ற மேம்படுத்தப்பட்ட மாறுபாடு விகிதம். உகந்த அணுகலுக்குப் பரிந்துரைக்கப்படுகிறது.

எல்லோரும் மேதைகள். ஆனால் ஒரு மீனை அதன் மரத்தில் ஏறும் திறனை வைத்து மதிப்பிடினால், அது முட்டாள்தனம் என்று நம்பி வாழ்நாள் முழுவதும் வாழும்.

- Albert Einstein

தொழில்நுட்ப வடிவங்கள்

நடைமுறை வடிவங்கள்

வண்ண பகுப்பாய்வு

குருட்டுத்தன்மை சிமுலேட்டர்

படைப்பு அம்சங்கள்