Color Converter, HEX ⇄ RGB ⇄ HSL

Type a colour in HEX, RGB or HSL, get all three formats plus a preview swatch.

Why use this tool?

Runs locally

Your JSON, tokens and payloads are processed in your browser, never pasted into a stranger's server.

Live results

Output updates as you type, with errors pointed at the character that caused them where the format allows.

Bulk-friendly

Lists and long payloads handled in one paste.

Free, no sign-up

Open and work, like a good utility should be.

स्थानीय रूपमा चल्छ

तपाईंको JSON, टोकन र पेलोडहरू तपाईंको ब्राउजरमा प्रशोधन हुन्छन्, अपरिचितको सर्भरमा कहिल्यै टाँसिँदैनन्।

लाइभ परिणामहरू

तपाईंले टाइप गर्दै जाँदा आउटपुट अद्यावधिक हुन्छ, ढाँचाले अनुमति दिने ठाउँमा त्रुटिहरू त्यसलाई निम्त्याउने अक्षरमा देखाइएका हुन्छन्।

थोक मैत्री

सूची र लामा पेलोडहरू एउटै टाँसमा सम्हालिएका हुन्छन्।

निःशुल्क, साइन अप छैन

खोल्नुहोस् र काम गर्नुहोस्, राम्रो उपयोगिता हुनुपर्ने तरिकामै।

How to use this tool

  1. Paste or type your input.
  2. The output appears as you type; errors are flagged in place.
  3. Copy the result with one click.
  1. आफ्नो इनपुट टाँस्नुहोस् वा टाइप गर्नुहोस्।
  2. तपाईंले टाइप गर्दै जाँदा आउटपुट देखा पर्छ; त्रुटिहरू ठाउँमै देखाइन्छन्।
  3. एक क्लिकमा परिणाम प्रतिलिपि गर्नुहोस्।

The three notations web work shuttles between: HEX for stylesheets, RGB where alpha calculations happen, HSL when you need "same colour, 20% lighter" without a picker. The swatch previews the parsed colour so a typo is obvious.

Web को कामले ओहोरदोहोर गर्ने तीन notation: stylesheet का लागि HEX, alpha गणना हुने ठाउँमा RGB, picker बिना "उही रङ, 20% हल्का" चाहिएमा HSL। Swatch ले parse भएको रङ देखाउँछ, त्यसैले typo प्रस्ट देखिन्छ।

Common use cases

Debugging

Inspect tokens, payloads and encodings mid-incident.

Data cleanup

Convert and reformat lists and configs quickly.

Learning

See how encodings and hashes behave on your own examples.

डिबगिङ

घटनाको बीचमा टोकन, पेलोड र इन्कोडिङहरू निरीक्षण गर्नुहोस्।

डेटा सरसफाइ

सूची र कन्फिगहरू छिट्टै रूपान्तरण र पुनः ढाँचा गर्नुहोस्।

सिकाइ

तपाईंका आफ्नै उदाहरणहरूमा इन्कोडिङ र ह्यासहरूले कसरी व्यवहार गर्छन् हेर्नुहोस्।

Frequently asked questions

How do I make a colour lighter?

In HSL, raise the L value and keep H and S, the hue and saturation stay, only lightness changes.

Is this tool free? Does it upload my data?

Yes, it is completely free with no sign-up. It runs entirely in your browser on your own device, your text and files are never uploaded to any server.

रङलाई हल्का कसरी बनाउने?

HSL मा, L को मान बढाउनुहोस् र H र S जस्ताको तस्तै राख्नुहोस्, hue र saturation उही रहन्छ, lightness मात्र बदलिन्छ।

के यो tool निःशुल्क हो? के यसले मेरो data upload गर्छ?

हो, यो पूर्ण रूपमा निःशुल्क छ र sign-up पनि चाहिँदैन। यो तपाईंको browser मा तपाईंको आफ्नै device मा चल्छ, तपाईंको text र files कुनै server मा कहिल्यै upload हुँदैनन्।