IMG.DIY / கூடுதல்கள் / பட வண்ணத் தேர்வி

பட வண்ணத் தேர்வி

ஹோவர் செய்து முன்னோட்டம் பாருங்கள், கிளிக் செய்து எந்தப் படத்திலிருந்தும் வண்ணத்தைப் பிடியுங்கள் — HEX, RGB அல்லது HSL ஆக நகலெடுங்கள்.

பட வண்ணத் தேர்வி visual example
தனியுரிமை முதன்மை: எதுவும் பதிவேற்றப்படாது.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

பட வண்ணத் தேர்வி: 1 · Choose input
1 · Choose input
பட வண்ணத் தேர்வி: 2 · Adjust and process
2 · Adjust and process
பட வண்ணத் தேர்வி: 3 · Download result
3 · Download result

லோகோ, ஸ்கிரீன்ஷாட், புகைப்படம் அல்லது வடிவமைப்பு உசாத்துணையிலிருந்து துல்லியமான வண்ணம் வேண்டுமா? படத்தை ஏற்றி, கர்சரை அதன் மேல் நகர்த்தி பூதக்கண்ணாடி லூப்பின் கீழ் வண்ணத்தை முன்னோட்டம் பார்த்து, கிளிக் செய்து சேமியுங்கள். சேமித்த ஒவ்வொரு வண்ணமும் அதன் HEX, RGB, HSL மதிப்புகளை ஒரே-கிளிக் நகல் பொத்தான்களுடன் காட்டும்.

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

பயன்படுத்தும் முறை

  1. படத்தைச் சேர்க்கவும்வண்ணங்கள் வேண்டிய படத்தையோ ஸ்கிரீன்ஷாட்டையோ இழுத்துப் போடுங்கள்.
  2. ஹோவர் செய்து கிளிக் செய்யவும்லூப் சரியான பிக்சலைப் பெரிதாக்கும்; கிளிக் செய்து வண்ணத்தைச் சேமியுங்கள்.
  3. மதிப்பை நகலெடுக்கவும்சேமித்த ஒவ்வொரு வண்ணத்திற்கும் HEX, RGB அல்லது HSL-ஐப் பெறுங்கள்.

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

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

மக்கள் இதை எதற்குப் பயன்படுத்துகிறார்கள்

விதிமுறை காணாமல் போனபோது பழைய லோகோவிலிருந்து பிராண்டின் சரியான வண்ணத்தை மீட்டெடுங்கள்

பிடித்த தளத்தின் ஸ்கிரீன்ஷாட்டிலுள்ள வண்ணத்திற்குப் பொத்தானையோ தலைப்பையோ பொருத்துங்கள்

ஒரே சுற்றில் லோகோவின் primary, accent, உரை வண்ணங்களை எடுங்கள்

பின்னணியாகவோ accent ஆகவோ பயன்படுத்தப் புகைப்படத்திலிருந்து ஒரு சாயலைப் பிடியுங்கள்

ஸ்கிரீன்ஷாட்டிலிருந்து அரை-வெளிப்படையான உறுப்பின் உண்மையான திரை வண்ணத்தைப் படியுங்கள்

Hover அல்லது variant நிலைக்கு வெளிர்த்தவோ மங்கியதோ ஆக்க HSL ஆக வண்ணத்தை நகலெடுங்கள்

ஏன் IMG.DIY

பூதக்கண்ணாடி லூப்

சரியான பிக்சலைக் கிளிக் செய்யப் பெரிதாக்கும்.

HEX / RGB / HSL

சேமித்த ஒவ்வொரு வண்ணமும் மூன்று வடிவங்களில்.

ஒரே கிளிக்கில் நகல்

எந்த மதிப்பையும் நேரடியாக கிளிப்போர்டுக்கு நகலெடுங்கள்.

தனியுரிமை

பிக்சல்கள் உள்ளூரிலேயே படிக்கப்படுகின்றன — பதிவேற்றம் இல்லை.

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

பல வண்ணங்களைத் தேர்ந்தெடுக்க முடியுமா?
முடியும். ஒவ்வொரு கிளிக்கும் பட்டியலில் ஒரு வண்ண மாதிரியைச் சேர்க்கும் — ஒரே படத்திலிருந்து முழுத் தொகுப்பையும் எடுத்து ஒவ்வொன்றாக நகலெடுக்கலாம்.
லூப் எதற்கு?
கர்சருக்குக் கீழுள்ள பகுதியைப் பெரிதாக்கி, துல்லியமான பிக்சலில் இறங்க உதவுகிறது — மெல்லிய கோடுகளுக்கும் இரைச்சலான புகைப்படங்களுக்கும் இது முக்கியம்.
HSL-உம் தருமா?
ஆம் — ஒவ்வொரு மாதிரியும் HEX, RGB, HSL-ஐ தனித்தனி நகல் பொத்தானுடன் காட்டும்.
படம் பதிவேற்றப்படுமா?
இல்லை. வண்ணங்கள் உங்கள் சாதனத்திலுள்ள படத்திலிருந்தே படிக்கப்படுகின்றன; சர்வருக்கு எதுவும் அனுப்பப்படுவதில்லை.
ஒரே படத்திலிருந்து பல வண்ணங்களைத் தேர்ந்தெடுக்க முடியுமா?
முடியும். ஒவ்வொரு கிளிக்கும் இன்னொரு மாதிரியைச் சேமிக்கும் — படம் முழுவதும் வேலை செய்து பட்டியலைக் கட்டலாம் — லோகோவின் primary, அதன் accent, உரை வண்ணம் — பின்னர் படத்தை மீண்டும் ஏற்றாமல் அவற்றை ஒப்பிட்டு ஒவ்வொன்றாக நகலெடுக்கலாம்.
பூதக்கண்ணாடி லூப் எதற்கு?
கர்சருக்குக் கீழுள்ள பிக்சல்களைப் பெரிதாக்கி, நீங்கள் நினைக்கும் சரியான பிக்சலில் இறங்க உதவும். கூர்மையான விளிம்பில் பக்கத்து பிக்சல் பெரும்பாலும் இரண்டு வண்ணங்களின் anti-aliased கலவை — கிளிக் செய்யும் முன் மங்கலான எல்லையில் அல்ல, திடமான வண்ணத்தில் இருக்கிறீர்கள் என்பதைப் பெரிதாக்கிய காட்சி காட்டும்.
HEX-க்குப் பதிலாக HSL மதிப்பை எப்போது பயன்படுத்துவேன்?
HSL வண்ணத்தை hue, saturation, lightness ஆகப் பிரிக்கிறது — நகலெடுக்க அல்ல, சரிசெய்ய விரும்பும்போது நாட வேண்டிய வடிவம் — hover நிலைக்கு வண்ணத்தைப் பிரகாசமாக்க, மங்கிய variant-க்கு saturation-ஐக் குறைக்க, அல்லது hue-ஐ வைத்தபடி அளவுகோலைக் கட்ட. CSS-இல் சாதாரண மறுபயன்பாட்டிற்கு HEX எளிமையானது.
என் படம் எங்காவது பதிவேற்றப்படுமா?
இல்லை. படம் உங்கள் உலாவிக்குள் canvas-இல் படிக்கப்படுகிறது, சர்வருக்கு அனுப்பப்படுவதே இல்லை. பதிவு இல்லை; பக்கம் ஏறியதும் நெட்வொர்க்கை அணைத்தும் வண்ணங்களைத் தேர்ந்தெடுக்கலாம் — தனிப்பட்ட ஸ்கிரீன்ஷாட்டோ மாக்அப்போ உங்கள் சாதனத்திலேயே இருக்கும்.

தொடர்புடைய கருவிகள்

வழிகாட்டிகள் & குறிப்புகள்