તે મને કયા રંગ કોડ આપે છે?

એ જ રંગ માટે HEX, RGB, HSL, HSV, CMYK અને OKLCH, કોપી કરવા તૈયાર.

શું હું મારી સ્ક્રીન પરથી રંગ પસંદ કરી શકું?

હા, Chrome અને Edge જેવા Chromium-આધારિત બ્રાઉઝરમાં Pick from screen સાથે. જો તમારું બ્રાઉઝર તેને ટેકો ન આપે તો બટન છુપાયેલું રહે છે.

શું તે તપાસે છે કે રંગ પર લખાણ વાંચી શકાય એવું છે?

હા. તે સફેદ અને કાળા સામે 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.

આ કેવી રીતે કાર્ય કરે છે

બધું hand-written conversion math વાપરીને સીધા તમારા બ્રાઉઝરમાં ચાલે છે — કોઈ color library, કોઈ server round-trip નહીં. તમે બ્રાઉઝરના native color ઇનપુટ કે EyeDropper API દ્વારા color પસંદ કરો છો, અને સાધન તેને તરત જ છ ફોર્મેટમાં કન્વર્ટ કરે છે જ્યારે WCAG contrast ratios ગણે છે અને harmony palettes જનરેટ કરે છે.

1
Native API દ્વારા Color ઇનપુટ
તમે બ્રાઉઝરના બિલ્ટ-ઇન <input type="color"> widget દ્વારા, અથવા — Chromium-based બ્રાઉઝર્સમાં — EyeDropper API તમને તમારી સ્ક્રીન પર કોઈપણ pixel sample કરવા દે છે તેના દ્વારા color પસંદ કરો છો. બંને paths hex string પાછું આપે છે જે single source of truth બને છે.
2
હાથે લખેલા ફોર્મેટ રૂપાંતરણો
સાધન hex મૂલ્યને RGB, HSL, HSV, CMYK, અને OKLCH માં તેના પોતાના math functions (કોઈ બાહ્ય લાઇબ્રેરી નહીં) વાપરીને કન્વર્ટ કરે છે. OKLCH conversion sRGB channels ને linearize કરે છે, OKLab cube-root matrix લાગુ કરે છે, પછી chroma અને hue angle derive કરે છે — modern CSS Color Level 4 આઉટપુટ સાથે મેળ ખાય છે.
3
WCAG contrast ratio ગણતરી
WCAG 2.x સૂત્ર વાપરીને linearized RGB channels માંથી Relative luminance ગણવામાં આવે છે. પછી સાધન pure white અને pure black સામે contrast ratios ગણે છે અને WCAG thresholds (3:1, 4.5:1, 7:1) પ્રમાણે તેમને AA-large, AA, AAA, કે Fail તરીકે label કરે છે.
4
Harmony palette generation અને local save
Complementary, triadic, analogous, અને monochromatic swatches HSL hue અને lightness values ને ganitiya rite rotate કે step કરીને derive થાય છે. Saved palettes તમારા બ્રાઉઝરમાં localStorage માં લખાય છે — કંઈપણ તમારા ડિવાઇસને છોડતું નથી.

સંબંધિત સાધનો

🎨

રેન્ડમ કલર જનરેટર

રેન્ડમ રંગો એક-એક કરીને અથવા પાંચના પેલેટ તરીકે બનાવો, ગમતા રંગોને લોક કરો, HEX, RGB અથવા HSL મૂલ્યો કૉપિ કરો અને પેલેટને PNG કે CSS તરીકે એક્સપોર્ટ કરો.

પ્રયાસ કરો

🎨