ZYBERMART

ZYBERMART इंस्टॉल करें

हर टूल को अपनी होम स्क्रीन या डॉक से उसकी अपनी विंडो में खोलें। जिन टूल का आप इस्तेमाल कर चुके हैं, वे ऑफ़लाइन भी काम करते हैं।

कलर पैलेट जनरेटर

एक बेस रंग से मेल खाते कलर पैलेट बनाएँ, और उन्हें CSS वेरिएबल के रूप में एक्सपोर्ट करें।

Click a color to copy its HEX code.

Color harmonies explained

PaletteHuesFeel
ComplementaryBase + 180°High contrast, energetic
AnalogousBase ± 30°Harmonious, calm
TriadicBase + 120° + 240°Vibrant but balanced
Split complementaryBase + 150° + 210°Contrast with less tension
TetradicBase + 90° + 180° + 270°Rich; best with one dominant color
MonochromaticOne hue, different lightnessClean, consistent

Use the 60-30-10 rule: 60% of the design in a neutral or main color, 30% in a secondary color and 10% in an accent. Check text readability with the contrast check in the color converter.

Frequently asked questions

What is a complementary color?

The color directly opposite on the color wheel (180° away), such as orange and blue. Complementary pairs create strong contrast, which makes them good for calls to action, but they can feel loud in large areas.

Which palette type should I use for a website?

Monochromatic and analogous palettes feel calm and professional. A common approach is one main brand color, a complementary accent for buttons and links, and neutral grays for text and backgrounds.

How are the palettes calculated?

The base color is converted to HSL (hue, saturation, lightness) and its hue is rotated around the color wheel: 180° for complementary, ±30° for analogous, 120° steps for triadic, and so on. Monochromatic palettes vary the lightness instead.

How do I use the CSS export?

Copy the CSS custom properties into your stylesheet's :root and use them anywhere, for example color: var(--color-1). Changing one variable then updates every place it's used.

मिलते-जुलते टूल

ZYBERMART में साइन इन करें

अपने CV, इनवॉइस, फ़्लैशकार्ड, नोट्स और सेव किए गए टूल अपने सभी डिवाइस पर रखें। यह मुफ़्त है, और टूल बिना अकाउंट के भी वैसे ही काम करते हैं।

या

पासवर्ड की ज़रूरत नहीं। साइन इन करके आप शर्तों से सहमत होते हैं; हम आपका डेटा कैसे संभालते हैं, यह प्राइवेसी पॉलिसी में देखें।

आपका अकाउंट

साइन आउट करने पर आपके काम की एक कॉपी इस ब्राउज़र में रहती है। शेयर किए गए कंप्यूटर पर, बाद में अपना ब्राउज़र डेटा साफ़ कर दें।

आप क्या बनाना चाहते हैं?

डिज़ाइन

सोशल मीडिया

डॉक्यूमेंट

पढ़ाई

एडिट करें

सभी 282 टूल देखें