நிறத் தட்டு உருவாக்கி: நிற அமைப்புகள், நிழல்கள், ஏற்றுமதி
இலவசம், பதிவு தேவையில்லை, உங்கள் உலாவியிலேயே வேலை செய்யும். இடைவெளி விசையை அழுத்தி ஐந்து நிறத் தட்டை உருவாக்குங்கள்; பிடித்த நிறங்களைப் பூட்டி, உங்கள் நிறத்திலிருந்தும் கலவைகளைப் பெறுங்கள். 11 நிழல்கள், CSS, Tailwind, JSON அல்லது HEX ஆக ஏற்றுமதி.
ஒரு நிறத்திலிருந்து உருவாக்கு
நிற இசைவுகள் வண்ண வட்டத்தில் சாயலை மாற்றுகின்றன: analogous அருகிலேயே இருக்கும், complementary எதிர்ப்பக்கத்தை எடுக்கும், triadic மூன்று சாயல்களைச் சமமாகப் பரப்பும்.
#2F5BFF-இன் நிழல்கள்
நகலெடுக்க ஒரு நிழலைக் கிளிக் செய்யுங்கள். அதன் நிழல்களைக் காண தட்டில் வேறு நிறத்தைத் தேர்ந்தெடுங்கள்.
ஏற்றுமதி செய்
வண்ணத் தட்டுகள் உங்கள் சாதனத்திலேயே உருவாக்கப்படுகின்றன.
நிறத் தட்டு உருவாக்கி ஏன் பயன்படுத்த வேண்டும்
- 100% இலவசம்
- விரும்பும் அளவுக்குப் பயன்படுத்தலாம். பதிவு தேவையில்லை, வாட்டர்மார்க் இல்லை, எதையும் நிறுவ வேண்டியதில்லை.
- வடிவமைப்பிலேயே தனிப்பட்டது
- நீங்கள் தட்டச்சு செய்வது உங்கள் உலாவியிலேயே இருக்கும், ஒருபோதும் எங்களுக்கு அனுப்பப்படாது.
- எந்தச் சாதனத்திலும் வேலை செய்யும்
- Windows, Mac, Linux, Android மற்றும் iPhone-இல் உங்கள் உலாவியிலேயே இயங்கும். ஆப் தேவையில்லை.
நிறத் தட்டு உருவாக்கி-ஐ எப்படிப் பயன்படுத்துவது
- நிறத் தட்டை உருவாக்கு என்பதைக் கிளிக் செய்யுங்கள், அல்லது உங்களுக்குப் பிடித்த நிறங்கள் வரும் வரை இடைவெளி விசையை அழுத்துங்கள்.
- வேறு நிறங்கள் மாறும்போது ஒரு நிறத்தை வைத்திருக்க அதன் மீது பூட்டு என்பதைக் கிளிக் செய்யுங்கள். நிறத்தை நுணுக்கமாக மாற்ற திருத்து என்பதைத் தேர்ந்து தேர்வியைப் பயன்படுத்துங்கள்.
- உங்கள் நிறத்திலிருந்து தொடங்க, ஒரு நிறத்திலிருந்து உருவாக்கு என்பதன் கீழ் உங்கள் நிறத்தை உள்ளிடுங்கள், ஓர் இசைவைத் (ஒத்த, நிரப்பு, பிரிந்த நிரப்பு, முக்கோண, நான்முக அல்லது ஒற்றை நிறம்) தேர்ந்து பயன்படுத்து என்பதைக் கிளிக் செய்யுங்கள்.
- ஒரு நிறத்தின் HEX குறியீட்டைக் கிளிக் செய்து அதன் 11 நிழல்களைப் பாருங்கள்; 50 முதல் 950 வரை. ஒரு நிழலைக் கிளிக் செய்து நகலெடுங்கள்.
- ஏற்றுமதியின் கீழ், CSS மாறிகள், Tailwind, JSON அல்லது HEX பட்டியலைத் தேர்ந்து நகலெடு அல்லது பதிவிறக்கு என்பதைக் கிளிக் செய்யுங்கள்.
அடிக்கடி கேட்கப்படும் கேள்விகள்
ஒரு நிறத்திலிருந்து நிறத் தட்டை எப்படி உருவாக்குவது?
ஒரு நிறத்திலிருந்து உருவாக்கு என்பதன் கீழ் உங்கள் நிறத்தை உள்ளிடுங்கள் அல்லது தேருங்கள், ஓர் இசைவைத் தேர்ந்து பயன்படுத்து என்பதைக் கிளிக் செய்யுங்கள். அதற்குப் பொருத்தமான ஐந்து நிறங்கள் கிடைக்கும்; நீங்கள் பூட்டிய நிறங்கள் அப்படியே இருக்கும்.
நிற இசைவுகள் என்றால் என்ன?
நிற வட்டத்தில் அவற்றின் இடத்தால் தேர்ந்தெடுக்கப்பட்ட நிறத் தொகுதிகள். ஒத்த நிறங்கள் அருகருகே இருக்கும், நிரப்பு நிறங்கள் ஒன்றுக்கொன்று எதிரே இருக்கும், பிரிந்த நிரப்பு எதிர் நிறத்தின் இருபுறமுள்ள இரண்டைப் பயன்படுத்தும், முக்கோணம் மூன்று சாயல்களை சமமாகப் பரப்பும், நான்முகம் நான்கைப் பயன்படுத்தும், ஒற்றை நிறம் ஒரே சாயலை வெவ்வேறு வெளிச்சத்தில் வைத்திருக்கும்.
எந்த இசைவைத் தேர்வது?
ஒத்த மற்றும் ஒற்றை நிறம் அமைதியாக இருக்கும்; பெரும்பாலான இணையதளங்களுக்கும் பிராண்டுகளுக்கும் பொருந்தும். நிரப்பு மற்றும் முக்கோணம் வலுவான வேறுபாட்டைத் தருகின்றன; அது உச்சரிப்புகளுக்கும் பொத்தான்களுக்கும் விளையாட்டுத்தனமான வடிவமைப்புகளுக்கும் பொருந்தும்.
நிழல்கள் மற்றும் டின்ட்கள் என்றால் என்ன?
ஒரே நிறத்தின் அடர் மற்றும் வெளிர் பதிப்புகள். நிழல் அளவுகோல், வடிவமைப்பு அமைப்புகள் பெயரிடும் விதத்தில், ஒரே சாயலில் 50 (மிக வெளிர்) முதல் 950 (மிக அடர்) வரை பதினொரு படிகளைத் தரும்.
என் குறியீட்டில் இந்தத் தட்டை எப்படிப் பயன்படுத்துவது?
CSS மாறிகளாக (--color-1 முதல் --color-5 வரை), Tailwind @theme தொகுதியாக, JSON வரிசையாக அல்லது HEX குறியீடுகளின் எளிய பட்டியலாக ஏற்றுமதி செய்யுங்கள்; பிறகு நகலெடுக்கலாம் அல்லது கோப்பாகப் பதிவிறக்கலாம்.
Tailwind ஏற்றுமதி Tailwind CSS v4-உடன் வேலை செய்யுமா?
ஆம். இது --color-palette-100 முதல் --color-palette-500 வரையிலான @theme தொகுதி; அதை Tailwind v4 bg-palette-100 போன்ற வகுப்புகளாக மாற்றும். v3-க்கு HEX குறியீடுகளை உங்கள் கட்டமைப்பின் colors பகுதியில் நகலெடுங்கள்.
சில நிறங்களை வைத்து மற்றவற்றை மாற்ற முடியுமா?
ஆம். வைத்திருக்க விரும்பும் நிறங்களைப் பூட்டுங்கள். நிறத் தட்டை உருவாக்கு மற்றும் பயன்படுத்து மட்டுமே பூட்டப்படாதவற்றை மாற்றும்; சீரற்ற தட்டு உங்கள் முதல் பூட்டிய நிறத்துக்குப் பொருத்தமாக உருவாக்கப்படும்.
எதுவும் பதிவேற்றப்படுமா?
இல்லை. தட்டுகள் உங்கள் சாதனத்திலேயே உருவாக்கப்படுகின்றன.
நிறத் தட்டு உருவாக்கி இலவசமா?
ஆம். இது இலவசமாகப் பயன்படுத்தலாம், பதிவு தேவையில்லை, எதையும் நிறுவ வேண்டியதில்லை.
உதவி மற்றும் வழிகாட்டிகள் (ஆங்கிலத்தில்)
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- Holi Colors: Gulal Color Palette with HEX Codes (Free)Holi colours as HEX codes for posters, invites and social posts: gulal pink, marigold, kesari, green, blue, purple, with readable text. Free palette generator.
- Indian Wedding Color Palette Ideas with HEX Codes (Free)Five Indian wedding colour palettes with HEX codes for invites and decor: haldi yellow, mehndi green, sindoor red and gold, jewel tones. Free palette generator.
- Figma Alternatives: Free and Paid UI Design ToolsThe best Figma alternatives compared, including Penpot, Sketch, Lunacy, Framer and EveryApp's Interface Designer, with how to move your .fig files.
தொடர்புடைய கருவிகள்
- படத்திலிருந்து நிறத் தட்டுபடம், லோகோ அல்லது ஸ்கிரீன்ஷாட்டின் முக்கிய நிறங்களை HEX குறியீடுகளாகப் பெறுங்கள். 2 முதல் 12 நிறங்கள்; படத்தின் எந்த இடத்தையும் கிளிக் செய்து நிறம் எடுக்கலாம்.
- நிற மாறுபாடு சரிபார்ப்பிஉரை, பின்னணி நிறங்களை உள்ளிட்டு WCAG மாறுபாட்டு விகிதத்தையும் AA, AAA முடிவுகளையும் பாருங்கள். தோற்றால், அருகிலுள்ள தேர்ச்சி நிறத்தைக் கிளிக் செய்யுங்கள்.
- CSS சாய்வு உருவாக்கி2 முதல் 8 வண்ண நிறுத்தங்களுடன் சாய்வை வடிவமைத்து, நேரடியாகப் பார்த்து CSS ஐ நகலெடுங்கள். PNG படமாகவும் பதிவிறக்கலாம்.
- HEX முதல் RGB வண்ண மாற்றிவண்ணக் குறியீட்டை ஒட்டுங்கள்; HEX, RGB, HSL, HSV, CMYK ஒரே நேரத்தில் கிடைக்கும். ஒவ்வொன்றுக்கும் நகல் பொத்தான் உண்டு.