ఏ రంగు కోడ్లను ఇస్తుంది?

ఒకే రంగుకు HEX, RGB, HSL, HSV, CMYK, OKLCH, కాపీ చేయడానికి సిద్ధంగా.

నా స్క్రీన్ నుంచి రంగును ఎంచుకోవచ్చా?

అవును, Chrome, Edge వంటి Chromium ఆధారిత బ్రౌజర్లలో స్క్రీన్ నుంచి ఎంచుకో తో. మీ బ్రౌజర్ సపోర్ట్ చేయకపోతే బటన్ దాచబడుతుంది.

రంగుపై టెక్స్ట్ చదవగలిగేలా ఉందో తనిఖీ చేస్తుందా?

అవును. తెలుపు, నలుపుతో WCAG కాంట్రాస్ట్ నిష్పత్తిని చూపి, దాన్ని AA large, AA, AAA లేదా Fails గా గుర్తిస్తుంది. ఇది పరిపూరక, త్రికోణ, సమీప, ఏకవర్ణ రంగులను కూడా సూచిస్తుంది.

ఇది నిజంగా ఉచితమేనా?

అవును. ప్రతి టూల్ ఉచితంగా ఉపయోగించవచ్చు, ఖాతా అవసరం లేదు, క్రెడిట్ కార్డ్ అవసరం లేదు. ఈ పని మా సర్వర్లపై కాకుండా మీ డివైజ్పై జరుగుతుంది, అందుకే ఇది ఉచితంగా నడుస్తుంది.

ఇది మొబైల్లో పనిచేస్తుందా?

అవును. iOS, Android లోని ప్రస్తుత మొబైల్ బ్రౌజర్లలో ఏమీ ఇన్స్టాల్ చేయకుండానే ఇది నడుస్తుంది.

🎨

ఉచిత రంగు ఎంపికదారు & పాలెట్ జనరేటర్

రంగులు ఎంచుకోండి, HEX/RGB/HSL మధ్య మార్చండి, మరియు సామరస్య పాలెట్‌లు రూపొందించండి.

మీ బ్రౌజర్‌లో నడుస్తుందిసైన్-అప్ లేదు, పాప్-అప్‌లు లేవులాగిన్ అవసరం లేదుఎప్పటికీ ఉచితం

లోడ్ అయిన తర్వాత ఆఫ్‌లైన్‌లో పనిచేస్తుంది

రంగు ఎంపికదారు

HEX

HSV

h217°

s76%

v96%

చూపించడానికి మాత్రమే

RGB

HSL

మరిన్ని ఫార్మాట్‌లు

ఆల్ఫా100%

HEX8#3b82f6ff

RGBrgb(59 130 246)

HWBhwb(217 23% 4%)

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)

Android0xFF3B82F6

FlutterColor(0xFF3B82F6)

WCAG కాంట్రాస్ట్

దగ్గరి పేరున్న రంగు: dodgerblue · ఇక్కడ నలుపు టెక్స్ట్ చదవడం సులభం (5.71:1)

తెలుపు నేపథ్యంపై టెక్స్ట్3.68:1AA పెద్దది

నలుపు నేపథ్యంపై టెక్స్ట్5.71:1AA

#ffffff పై టెక్స్ట్3.68:1AA పెద్దది

మరో రంగుతో పోల్చు

షేడ్స్ & టింట్స్ (50–950)

పేరు

రంగు పాలెట్

కాంప్లిమెంటరీ

#3b82f6

#f6af3c

ట్రయాడిక్

#3b82f6

#f63c83

#83f63c

అనలాగస్

#3ce0f6

#3b82f6

#523cf6

మోనోక్రొమాటిక్

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

సాధారణ ఉపయోగాలు

Color Picker for Web DesignPick and generate colours for your website — get HEX, RGB, and HSL values plus harmonious palettes.
Color Picker for BrandingBuild your brand colour palette — pick primary, secondary, and accent colours that work together.
Color Picker for Social MediaCreate eye-catching colour palettes for social media posts, stories, and profile designs.
Color Picker for Print DesignPick colours for printed materials — flyers, business cards, brochures — with accurate colour previews.
Color Picker for PresentationsDesign slide colour schemes — pick readable text colours, chart palettes, and consistent accent shades.

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

అంతా చేతితో రాసిన మార్పిడి గణితంతో నేరుగా మీ బ్రౌజర్‌లో నడుస్తుంది — రంగు లైబ్రరీ లేదు, సర్వర్ రౌండ్-ట్రిప్ లేదు. మీరు బ్రౌజర్ స్థానిక color input లేదా EyeDropper API ద్వారా రంగు ఎంచుకుంటారు, టూల్ దాన్ని వెంటనే ఆరు ఫార్మాట్‌లలోకి మారుస్తుంది, WCAG కాంట్రాస్ట్ నిష్పత్తులు లెక్కించి సామరస్య పాలెట్‌లు కూడా సృష్టిస్తుంది.

1
స్థానిక API ద్వారా రంగు ఇన్‌పుట్
మీరు బ్రౌజర్ అంతర్నిర్మిత <input type="color"> విడ్జెట్ ద్వారా రంగు ఎంచుకుంటారు, లేదా — Chromium-ఆధారిత బ్రౌజర్‌లలో — EyeDropper API మీ స్క్రీన్‌పై ఏ పిక్సెల్‌నైనా శాంపిల్ చేయనిస్తుంది. రెండు మార్గాలూ ఏకైక సత్య మూలంగా మారే hex స్ట్రింగ్‌ను ఇస్తాయి.
2
చేతితో రాసిన ఫార్మాట్ మార్పిడులు
టూల్ తన సొంత గణిత ఫంక్షన్‌లు (బాహ్య లైబ్రరీ లేదు) ఉపయోగించి hex విలువను RGB, HSL, HSV, CMYK, మరియు OKLCHలోకి మారుస్తుంది. OKLCH మార్పిడి sRGB ఛానెల్‌లను లీనియరైజ్ చేసి, OKLab cube-root మ్యాట్రిక్స్ వర్తింపజేసి, తర్వాత chroma మరియు hue కోణాన్ని పొందుతుంది — ఆధునిక CSS Color Level 4 అవుట్‌పుట్‌కు సరిపోతుంది.
3
WCAG కాంట్రాస్ట్ నిష్పత్తి లెక్కింపు
సాపేక్ష ప్రకాశం WCAG 2.x సూత్రం ఉపయోగించి లీనియరైజ్ చేసిన RGB ఛానెల్‌ల నుండి లెక్కించబడుతుంది. తర్వాత టూల్ స్వచ్ఛమైన తెలుపు మరియు స్వచ్ఛమైన నలుపుతో కాంట్రాస్ట్ నిష్పత్తులు లెక్కించి, WCAG పరిమితుల (3:1, 4.5:1, 7:1) ప్రకారం వాటికి AA-large, AA, AAA, లేదా Fail లేబుల్ ఇస్తుంది.
4
సామరస్య పాలెట్ సృష్టి మరియు లోకల్ సేవ్
Complementary, triadic, analogous, మరియు monochromatic స్వాచ్‌లు HSL hue మరియు lightness విలువలను గణితపరంగా తిప్పడం లేదా అడుగులు వేయడం ద్వారా పొందబడతాయి. సేవ్ చేసిన పాలెట్‌లు మీ బ్రౌజర్‌లోని localStorageకు రాయబడతాయి — ఏదీ మీ పరికరం దాటి వెళ్లదు.

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

🎨

యాదృచ్ఛిక రంగుల జనరేటర్

యాదృచ్ఛిక రంగులను ఒక్కొక్కటిగా లేదా ఐదు రంగుల పాలెట్‌గా సృష్టించండి, నచ్చినవాటిని లాక్ చేయండి, HEX, RGB లేదా HSL విలువలను కాపీ చేయండి, పాలెట్‌ను PNG లేదా CSS గా ఎగుమతి చేయండి.

ప్రయత్నించండి

🎨