வண்ணத் தட்டு உருவாக்குநர் இலவசம்
ஒரு HEX நிறத்திலிருந்து உடனடியாகப் பொருத்தமான வண்ணத் தொகுப்பை உருவாக்குங்கள்: சாயல்கள், நிரப்பு நிறங்கள், ஒப்புமை நிறங்கள், மூவடுக்கு மற்றும் நான்வடுக்கு நிறங்கள். HEX/RGB/HSL நகலெடுப்பும் இதில் அடங்கும்.
இலவச வண்ணத் தட்டு உருவாக்குநர் பற்றி
வலை வடிவமைப்பு, வரைகலை வடிவமைப்பு மற்றும் பிராண்ட் அடையாளத் திட்டங்களில் வண்ணத் தொகுப்பை உருவாக்குவது மிக முக்கியமான படிகளில் ஒன்றாகும். நன்கு தேர்ந்தெடுக்கப்பட்ட வண்ணத் தொகுப்பு, பயனர் அனுபவத்தை மேம்படுத்துகிறது, பிராண்டின் நிலைத்தன்மையை வலுப்படுத்துகிறது மற்றும் கண் சோர்வைக் குறைக்கிறது. Hostragons வண்ணத் தட்டு உருவாக்குநர் இதன் மூலம், ஒரே ஒரு முதன்மை நிறத்திலிருந்து தொடங்கி, ஐந்து வெவ்வேறு வண்ணத் தட்டுப் பாணிகளை உடனடியாக உருவாக்கலாம்.
கருவி; சாயல்கள் (இலகுவான வண்ணங்கள்) மற்றும் சாயல்கள் (அடர் நிறங்கள்), நிரப்பு, அனலாக், மூவர் மற்றும் டெட்ராடிக் இது வண்ணக் கோட்பாட்டின்படி வண்ண இணக்கங்களைக் கணக்கிடுகிறது. ஒவ்வொரு வண்ணத்திற்கும்... ஹெக்ஸ், ஆர்ஜிபி மற்றும் எச்.எஸ்.எல். ஒரே சொடுக்கில் நீங்கள் வடிவங்களை நகலெடுக்கலாம். HEX குறியீட்டைத் தட்டச்சு செய்வதன் மூலமோ அல்லது வண்ணத் தேர்வியைப் பயன்படுத்துவதன் மூலமோ நீங்கள் விரும்பிய வண்ணத்தை உள்ளிடலாம்.
அனைத்து கணக்கீடுகளும் உங்கள் உலாவியில் நிகழ்நேரத்தில் செய்யப்படுகின்றன; எந்தத் தரவும் சேவையகத்திற்கு அனுப்பப்படுவதில்லை. CSS மாறிகள், டெய்ல்விண்ட் தீம் வண்ணங்கள் அல்லது ஃபிக்மா வண்ணப் பாணிகளைத் தயாரிக்கும்போது, இந்தக் கருவியை நீங்கள் ஒரு வழிகாட்டியாகப் பயன்படுத்தலாம். அதன் துருக்கிய இடைமுகம் மற்றும் மொபைலுக்கு ஏற்ற வடிவமைப்புடன், இது டெஸ்க்டாப்புகள் மற்றும் ஸ்மார்ட்போன்கள் இரண்டிலும் தடையின்றி இயங்குகிறது.
படிப்படியாக
- HEX பெட்டியில் ஒரு வண்ணக் குறியீட்டை உள்ளிடவும் (எ.கா. #3b82f6அல்லது, வண்ணத் தேர்வி ஐகானைக் கிளிக் செய்வதன் மூலம் வண்ணத்தைத் தேர்ந்தெடுக்கவும்.
- நீங்கள் தேர்ந்தெடுத்த நிறத்தை இந்தக் கருவி தானாகவே தேர்வு செய்யும். நிழல்கள், நிரப்பு, அனலாக், மூவர் மற்றும் டெட்ராடிக் இது பலகைகளை உற்பத்தி செய்கிறது.
- ஒவ்வொரு வண்ணப் பெட்டியின் கீழும் HEX, RGB மற்றும் HSL மதிப்புகளைக் காண்பீர்கள்; விரும்பிய வடிவமைப்பைத் தேர்ந்தெடுத்து அவற்றை கிளிப்போர்டுக்கு நகலெடுக்கவும்.
- நீங்கள் முதன்மை நிறத்தை மாற்றும்போது, அனைத்து வண்ணத் தொகுப்புகளும் உடனடியாகப் புதுப்பிக்கப்படும். நேரடி முன்னோட்டம் இதன் காரணமாக, நல்லிணக்கத்தை நீங்கள் உடனடியாகக் காண்பீர்கள்.
அடிக்கடி கேட்கப்படும் கேள்விகள்
:root { --primary: #3b82f6; } நீங்கள் இதை இதுபோன்று ஒரு CSS மாறியாக வரையறுக்கலாம். பிரகாசம்/செறிவூட்டலை நிரல்ரீதியாகச் சரிசெய்வதற்கு HSL வடிவமைப்பு குறிப்பாகப் பொருத்தமானது.