મફત કલર કન્વર્ટર

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

બધો conversion logic hand-written JavaScript છે જે સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે — કોઈ લાઇબ્રેરી, કોઈ સર્વર કૉલ નહીં. સાધન તમારો ઇનપુટ parse કરે છે, તેને pure math functions ની chain દ્વારા route કરે છે, અને modern CSS Color 4 spaces oklch() અને lab() સહિત અગિયાર આઉટપુટ ફોર્મેટ એક સાથે બનાવે છે.

1. 1
   લવચીક ઇનપુટ પાર્સિંગ

   Custom parser hex (3, 4, 6, કે 8 digits), rgb()/rgba(), hsl()/hsla() (legacy comma syntax અને modern space syntax બંનેમાં), અને bare numeric triples સ્વીકારે છે. Decimals કે percentages તરીકેના Alpha values કોઈપણ conversion શરૂ થાય તે પહેલાં 0–1 શ્રેણીમાં normalize થાય છે.
2. 2
   Conversion hub તરીકે RGB

   દરેક સ્વીકૃત ફોર્મેટ પહેલા canonical RGB triplet માં resolve થાય છે. તે એક representation માંથી સાધન fan out કરે છે: HSL અને HSV પ્રમાણભૂત min/max/chroma સૂત્રો વાપરે છે; CMYK key channel શોધીને derive થાય છે; અને sRGB linearization (IEC 61966-2-1 માં defined piecewise gamma curve) perceptual-space ગણતરીઓ પહેલાં લાગુ થાય છે.
3. 3
   Perceptual color spaces શરૂઆતથી ગણવામાં આવે છે

   oklch() Björn Ottosson ના reference 3×3 matrices (LMS cube-root space) વાપરીને ગણવામાં આવે છે. lab() અને lch() D65 white point થી D50 માં convert કરવા Bradford chromatic adaptation વાપરે છે, જે CSS Color 4 lab() કેવી રીતે define કરે છે તેની સાથે મેળ ખાય છે. આ બ્રાઉઝર rendering engines માં વપરાતા જ સૂત્રો છે — અહીં કોઈ બાહ્ય dependency વગર implement થયેલા.
4. 4
   WCAG contrast અને lightness scale

   Relative luminance WCAG 2.1 સૂત્ર પ્રમાણે ગણવામાં આવે છે (linearized R, G, B weighted 0.2126/0.7152/0.0722) અને white અને black સામે contrast ratio AA-large, AA, AAA, કે Fail તરીકે grade થાય છે. HSL lightness channel ને 10% થી 90% સુધી step કરીને nine-step lightness strip જનરેટ થાય છે, જે તમને તે shade કન્વર્ટ કરવા કોઈપણ swatch પર click કરવા દે છે.

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