ఉచిత కలర్ పాలెట్ జనరేటర్

ఇది ఎలా పనిచేస్తుంది

టూల్ సున్నా బాహ్య లైబ్రరీలతో నిర్మించబడింది — అన్ని రంగు గణితం నేరుగా మీ బ్రౌజర్‌లో చేతితో రాసిన JavaScriptలో నడుస్తుంది. ఇది మీరు ఎంచుకున్న రంగును hex మరియు HSL మధ్య మార్చి, ప్రతి పాలెట్‌ను ఉత్పత్తి చేయడానికి hue వీల్‌పై అంకగణితం ద్వారా సాంప్రదాయ రంగు సిద్ధాంత సామరస్య నియమాలను (complementary, triadic, analogous, మొదలైనవి) వర్తింపజేస్తుంది.

1. 1
   Hex నుండి HSL మార్పిడి

   మీరు రంగు ఎంచుకున్నప్పుడు, టూల్ hex స్ట్రింగ్‌ను RGB భాగాలుగా పార్స్ చేసి వాటిని HSLకు (hue, saturation, lightness) మారుస్తుంది. Hue అనేది రంగు చక్రంపై 0–360 డిగ్రీల స్థానం; పాలెట్ గణితం అంతా ఈ స్పేస్‌లోనే జరుగుతుంది.
2. 2
   సామరస్యం కోసం hue అంకగణితం

   ప్రతి పాలెట్ రకం బేస్ hueకు వర్తించే స్థిర భ్రమణ సూత్రం. Complementary 180° జోడిస్తుంది, triadic 120° మరియు 240° జోడిస్తుంది, tetradic 90° అడుగులు వేస్తుంది, split-complementary 150° మరియు 210° ఉపయోగిస్తుంది. Monochromatic మరియు shades hue మరియు saturationను స్థిరంగా ఉంచి lightnessను పైకి కిందకు మారుస్తాయి.
3. 3
   HSL నుండి hex అవుట్‌పుట్

   లెక్కించిన ప్రతి HSL త్రయం ప్రామాణిక chroma సూత్రం ఉపయోగించి తిరిగి hex రంగుగా మార్చబడుతుంది. ఫలితాలు సాధారణ ప్రకాశ పరిమితి ద్వారా నిర్ణయించబడే ఆటో-కాంట్రాస్ట్ లేబుల్‌లతో (లేత స్వాచ్‌లపై ముదురు టెక్స్ట్, ముదురు వాటిపై లేత టెక్స్ట్) రంగు స్ట్రిప్‌గా చూపబడతాయి.
4. 4
   మీకు నచ్చిన ఫార్మాట్‌లో ఎగుమతి చేయండి

   పాలెట్‌ను hex స్ట్రింగ్‌లుగా కాపీ చేయవచ్చు లేదా CSS variables ఫైల్ (:root { --color-1: … }), SCSS variables, Tailwind config స్నిపెట్, JSON ఆబ్జెక్ట్, లేదా PNG రంగు స్ట్రిప్‌గా ఎగుమతి చేయవచ్చు. PNG ఎగుమతి ప్రతి స్వాచ్‌ను దాని hex లేబుల్‌తో గీయడానికి బ్రౌజర్ Canvas API (toDataURL) ఉపయోగిస్తుంది — క్లిక్‌పై అంతా లోకల్‌గా సృష్టించబడుతుంది.

సంబంధిత సాధనాలు