JSON फ़ॉर्मैटर
JSON फ़ॉर्मैटर — इस मुफ़्त टूल से अपने ब्राउज़र में काम पूरा करें। पंजीकरण की ज़रूरत नहीं है।
डेवलपर टूल
रंग परिवर्तक
रंग परिवर्तक — इस मुफ़्त टूल से अपने ब्राउज़र में काम पूरा करें। पंजीकरण की ज़रूरत नहीं है।
रंग परिवर्तक
UtilBrix द्वारा संचालितनीचे विस्तृत विधि और उदाहरण अंग्रेज़ी में उपलब्ध हैं।
Step-by-step instructions (English)
- Enter a supported HEX, RGB, RGBA, HSL, or HSLA color.
- Set alpha and choose the contrast background appropriate for your design.
- Convert and compare the channel values, preview, and contrast result.
सूत्र और विधि
Parse HEX, RGB(A), or HSL(A) channels and convert between the RGB and HSL models. Complementary color rotates hue 180 degrees. Lighten and darken shift HSL lightness by 10 points. Contrast uses relative luminance after alpha compositing.
एक उपयोगी उदाहरण
White against black has a contrast ratio of 21:1. Normal-size text needs at least 4.5:1 to meet WCAG AA contrast; other accessibility requirements still apply.
When this tool is useful
Move a design color between CSS representations or compare a foreground color against its intended background. The preview is useful for checking whether a converted value still represents the expected color.
Common mistakes and limitations
- Contrast depends on the background, especially when the foreground is translucent.
- A passing contrast ratio alone does not establish that an entire interface is accessible.
Practical questions about this tool (English)
Why does alpha change the contrast ratio?
A translucent foreground blends with its background. The tool computes contrast from the composited color, so the same foreground can behave differently on different surfaces.
Are HEX and RGB different colors?
They are different notations for RGB channel values. Equivalent values describe the same color; rounding during conversion can make the displayed numbers look slightly different.
संबंधित टूल
JSON सत्यापन
JSON सत्यापन — इस मुफ़्त टूल से अपने ब्राउज़र में काम पूरा करें। पंजीकरण की ज़रूरत नहीं है।
Base64 एनकोडर / डिकोडर
Base64 एनकोडर / डिकोडर — इस मुफ़्त टूल से अपने ब्राउज़र में काम पूरा करें। पंजीकरण की ज़रूरत नहीं है।
JWT डिकोडर
JWT डिकोडर — इस मुफ़्त टूल से अपने ब्राउज़र में काम पूरा करें। पंजीकरण की ज़रूरत नहीं है।