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

இது எவ்வாறு செயல்படுகிறது

இந்தக் கருவி எந்த வெளி நூலகமும் இல்லாமல் உருவாக்கப்பட்டது — அனைத்து வண்ணக் கணிதமும் கையால் எழுதிய JavaScript இல் நேரடியாக உங்கள் உலாவியில் இயங்குகிறது. நீங்கள் தேர்ந்தெடுத்த நிறத்தை hex, HSL இடையே மாற்றி, சாயல் சக்கரத்தில் கணிதம் மூலம் பாரம்பரிய வண்ணக் கோட்பாட்டு இசைவு விதிகளை (complementary, triadic, analogous முதலியன) பயன்படுத்தி ஒவ்வொரு palette ஐயும் உருவாக்குகிறது.

1. 1
   Hex இலிருந்து HSL மாற்றம்

   நீங்கள் ஒரு நிறத்தைத் தேர்ந்தெடுக்கும்போது, கருவி hex string ஐ RGB கூறுகளாகப் பாகுபடுத்தி HSL (hue, saturation, lightness) ஆக மாற்றுகிறது. Hue என்பது வண்ணச் சக்கரத்தில் 0–360 டிகிரி நிலை; palette கணிதம் அனைத்தும் இந்த வெளியில் நடக்கிறது.
2. 2
   இசைவுக்கான சாயல் கணிதம்

   ஒவ்வொரு palette வகையும் அடிப்படைச் சாயலுக்குப் பயன்படுத்தப்படும் நிலையான சுழற்சிச் சூத்திரம். Complementary 180° சேர்க்கிறது, triadic 120°, 240° சேர்க்கிறது, tetradic 90° படிகளில் நகர்கிறது, split-complementary 150°, 210° பயன்படுத்துகிறது. Monochromatic, shades சாயலையும் செறிவையும் நிலையாக வைத்து lightness ஐ மேலும் கீழும் மாற்றுகின்றன.
3. 3
   HSL இலிருந்து hex வெளியீடு

   கணக்கிடப்பட்ட ஒவ்வொரு HSL மும்மையும் நிலையான chroma சூத்திரம் மூலம் மீண்டும் hex நிறமாக மாற்றப்படுகிறது. முடிவுகள் எளிய luminance வரம்பால் தீர்மானிக்கப்படும் தானியங்கி-மாறுபாட்டு லேபிள்களுடன் (வெளிர் swatches இல் அடர் உரை, அடர் swatches இல் வெளிர் உரை) வண்ணப் பட்டையாகக் காட்டப்படுகின்றன.
4. 4
   நீங்கள் விரும்பும் வடிவில் ஏற்றுமதி

   palette ஐ hex strings ஆக நகலெடுக்கலாம், அல்லது CSS variables கோப்பு (:root { --color-1: … }), SCSS variables, Tailwind config துணுக்கு, JSON object அல்லது PNG வண்ணப் பட்டையாக ஏற்றுமதி செய்யலாம். PNG ஏற்றுமதி ஒவ்வொரு swatch ஐயும் அதன் hex லேபிளுடன் வரைய உலாவியின் Canvas API (toDataURL) ஐப் பயன்படுத்துகிறது — அனைத்தும் கிளிக்கில் உள்ளூரில் உருவாக்கப்படுகின்றன.

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