கணக்கீடு

வண்ணத் தட்டு உருவாக்குநர் இலவசம்

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

வண்ணத் தட்டு உருவாக்குநர்
வெளிர் நிறங்கள் (சாயல்கள்)
அடர் நிறங்கள் (சாயல்கள்)
நிரப்பு
அனலாக்
முக்கோண
டெட்ராடிக்
தகவல்

இலவச வண்ணத் தட்டு உருவாக்குநர் பற்றி

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

கருவி; சாயல்கள் (இலகுவான வண்ணங்கள்) மற்றும் சாயல்கள் (அடர் நிறங்கள்), நிரப்பு, அனலாக், மூவர் மற்றும் டெட்ராடிக் இது வண்ணக் கோட்பாட்டின்படி வண்ண இணக்கங்களைக் கணக்கிடுகிறது. ஒவ்வொரு வண்ணத்திற்கும்... ஹெக்ஸ், ஆர்ஜிபி மற்றும் எச்.எஸ்.எல். ஒரே சொடுக்கில் நீங்கள் வடிவங்களை நகலெடுக்கலாம். HEX குறியீட்டைத் தட்டச்சு செய்வதன் மூலமோ அல்லது வண்ணத் தேர்வியைப் பயன்படுத்துவதன் மூலமோ நீங்கள் விரும்பிய வண்ணத்தை உள்ளிடலாம்.

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

இதை எப்படி பயன்படுத்துவது?

படிப்படியாக

  1. HEX பெட்டியில் ஒரு வண்ணக் குறியீட்டை உள்ளிடவும் (எ.கா. #3b82f6அல்லது, வண்ணத் தேர்வி ஐகானைக் கிளிக் செய்வதன் மூலம் வண்ணத்தைத் தேர்ந்தெடுக்கவும்.
  2. நீங்கள் தேர்ந்தெடுத்த நிறத்தை இந்தக் கருவி தானாகவே தேர்வு செய்யும். நிழல்கள், நிரப்பு, அனலாக், மூவர் மற்றும் டெட்ராடிக் இது பலகைகளை உற்பத்தி செய்கிறது.
  3. ஒவ்வொரு வண்ணப் பெட்டியின் கீழும் HEX, RGB மற்றும் HSL மதிப்புகளைக் காண்பீர்கள்; விரும்பிய வடிவமைப்பைத் தேர்ந்தெடுத்து அவற்றை கிளிப்போர்டுக்கு நகலெடுக்கவும்.
  4. நீங்கள் முதன்மை நிறத்தை மாற்றும்போது, அனைத்து வண்ணத் தொகுப்புகளும் உடனடியாகப் புதுப்பிக்கப்படும். நேரடி முன்னோட்டம் இதன் காரணமாக, நல்லிணக்கத்தை நீங்கள் உடனடியாகக் காண்பீர்கள்.
FAQ

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

வண்ணச் சக்கரத்தில் தேர்ந்தெடுக்கப்பட்ட நிறத்திற்குச் சரியாக எதிரே (180°) உள்ள நிறம் நிரப்பு நிறம் என்று அழைக்கப்படுகிறது. இது அதிக வேறுபாட்டை வழங்குவதோடு, கண்ணைக் கவரும் சிறப்புக் வண்ணங்களுக்கும் மிகவும் ஏற்றது.

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

மூவடி ஒத்திசைவில், வண்ணச் சக்கரம் மூன்று சம பாகங்களாக (120°) பிரிக்கப்படுகிறது; இது சமச்சீரான மற்றும் உயிரோட்டமான வண்ணத் தொகுப்புகளை உருவாக்குகிறது. நாலடி ஒத்திசைவில், நான்கு வண்ணங்கள் 90° இடைவெளிகளில் வைக்கப்படுகின்றன; இது மிகவும் மாறுபட்ட வண்ணத் தொகுப்பை வழங்குகிறது, ஆனால் கவனமான பயன்பாடு தேவைப்படுகிறது.

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

ஒவ்வொரு நிறத்தின் HEX அல்லது HSL மதிப்பை நகலெடுக்கவும். :root { --primary: #3b82f6; } நீங்கள் இதை இதுபோன்று ஒரு CSS மாறியாக வரையறுக்கலாம். பிரகாசம்/செறிவூட்டலை நிரல்ரீதியாகச் சரிசெய்வதற்கு HSL வடிவமைப்பு குறிப்பாகப் பொருத்தமானது.