Varelogobilde for Fargenavn Verktøytips

Fargenavn Verktøytips

Medieelement 1 (skjermbilde) for varen Fargenavn Verktøytips

Oversikt

Hold musepekeren over elementer for å se fargedetaljer og enkle navn.

# Color Name Tooltip - Det ultimate verktøyet for oppdagelse av nett-farger ## Oversikt Er du designer, utvikler eller digital kunstner som stadig lurer på hvilke nøyaktige nyanser som brukes på nettet? Eller er du kanskje en av millioner av mennesker verden over som opplever en form for fargesynshemming og sliter med å skille mellom lignende nyanser? Velkommen til Color Name Tooltip, en kraftig, men lettvektig Chrome-utvidelse designet for å gi klarhet, presisjon og tilgjengelighet til din surfingsopplevelse. Color Name Tooltip er ikke bare en vanlig fargevelger. Det er en intelligent fargeidentifiseringsmotor i sanntid som lever rett i nettleseren din. Ved å holde musepekeren over et hvilket som helst element på en nettside, kan du umiddelbart se de beregnede CSS-fargeverdiene i flere formater, sammen med et menneskelig lesbart navn som gir mening for alle. ## Hvorfor Color Name Tooltip? Internett er et levende sted, men den tekniske siden ved farger kan være skremmende. Heksadesimale koder som #F08080 eller RGB-verdier som (240, 128, 128) betyr ikke så mye for folk flest. Selv for erfarne fagfolk er det vanskelig å visualisere den nøyaktige nyansen ut fra en streng med tall. Det er her Color Name Tooltip skinner. Den bygger bro mellom tekniske data og menneskelig språk. Når du holder pekeren over et element, forteller den deg ikke bare matematikken; den forteller deg historien. Den identifiserer fargen som "Light Coral", og gir deg et umiddelbart mentalt bilde av nyansen. ## Nøkkelfunksjoner ### 1. Øyeblikkelig identifisering ved peker Du trenger ikke å åpne utviklerverktøy eller klikke på et element. Bare flytt markøren over skjermen, så følger verktøytipset etter og oppdateres umiddelbart mens du glir over forskjellige farger. Enten det er en bakgrunn, en ramme eller tekst, finner Color Name Tooltip den beregnede fargen og viser den elegant. ### 2. Omfattende fargedata For profesjonelle gir vi alle nødvendige tekniske detaljer: - **Heksadesimal:** Industristandarden for webdesign. - **RGB (Rød, Grønn, Blå):** Essensielt for mange designapplikasjoner og CSS. - **HSL (Nyanse, Metning, Lysstyrke):** Ofte den mest intuitive måten for designere å forstå og manipulere farger på. ### 3. Nærmeste CSS-navngitte farge Har du noen gang ønsket å vite hva den nærmeste "offisielle" CSS-fargenavnet er? Utvidelsen vår sammenligner fargen under pekeren med det standardsettet på over 140 CSS-navngitte farger og forteller deg det nærmeste treffet. Dette er utrolig nyttig for utviklere som ønsker å bruke standardnavn i stilarkene sine for bedre lesbarhet. ### 4. Avanserte beskrivelser på vanlig språk (ntc.js) Dette er hjertet i utvidelsens tilgjengelighet. Vi har inkludert en massiv oppslagstabell med over 1 500 fargeklassifiseringer. I stedet for generiske navn får du beskrivende, stemningsfulle titler som 'medium coral pink', 'dark navy blue' eller 'dusty lavender'. Disse navnene er hentet fra den berømte "Name That Color" (ntc)-algoritmen, noe som gir et detaljnivå standard velgere rett og slett ikke kan matche. ### 5. Designet for tilgjengelighet Color Name Tooltip ble bygget med fargeblinde brukere i tankene. Fargesynshemming kan gjøre det utfordrende å navigere på nettet, spesielt når farger brukes for å formidle mening eller skille mellom seksjoner. Ved å tilby tydelige, skrevne navn for hver farge, gir vi brukere muligheten til å forstå den visuelle hierarkien og de estetiske valgene på enhver nettside, uavhengig av deres fargeoppfatning. ## Hvordan det fungerer Under panseret bruker Color Name Tooltip sofistikert logikk for å bestemme den "beregnede stilen" til elementene du holder pekeren over. Den identifiserer intelligent om den skal vise bakgrunnsfargen eller tekstfargen basert på hva som er mest fremtredende under markøren. Dataene behandles deretter gjennom våre inkluderte biblioteker—`ntc.js` for navn på vanlig språk og `css_colors.js` for standard CSS-treff—for å gi deg en omfattende profil av fargen på millisekunder. ## Minimalistisk og ikke-påtrengende Vi mener at verktøy bør holde seg unna til du trenger dem. Color Name Tooltip har: - **Rent grensesnitt:** Et moderne, semi-transparent verktøytips som ikke skjuler utsikten din. - **Smart posisjonering:** Verktøytipset endrer automatisk posisjon for å sikre at det alltid holder seg innenfor nettleserens visningsområde. - **Veksle-kontroll:** Trenger du en pause? Du kan enkelt aktivere eller deaktivere verktøytipset via utvidelsens popup-meny. Det er der når du trenger det og borte når du ikke gjør det. ## Perfekt for: - **Webdesignere:** Referer raskt til farger på inspirasjonssider uten å dykke ned i koden. - **Frontend-utviklere:** Bekreft at fargene på livesiden samsvarer med designspesifikasjonene. - **Digitale kunstnere:** Utvid fargeforrådet ditt ved å se navnene på nyansene du møter. - **Tilgjengelighetsforkjempere:** Sørg for at sidene dine er forståelige for alle brukere ved å sjekke hvordan farger beskrives. - **Fargeblinde personer:** Få et nytt nivå av uavhengighet i utforskningen av det visuelle nettet. ## Personvern og ytelse Ditt personvern er vår prioritet. Color Name Tooltip opererer utelukkende lokalt i nettleseren din. Den sporer ikke nettleserhistorikken din, samler ikke inn personopplysninger eller kommuniserer med eksterne servere. Den er også høyt optimalisert for ytelse, noe som sikrer at nettopplevelsen din forblir jevn og responsiv selv på komplekse, fargerike nettsider. ## Bli med i fellesskapet Vi er forpliktet til å gjøre Color Name Tooltip til det beste fargeverktøyet på nettet. Hvis du har forslag til nye funksjoner, opplever problemer eller bare vil dele hvordan utvidelsen har hjulpet deg, vil vi gjerne høre fra deg! Tilbakemeldingene dine driver utviklingen vår. Installer Color Name Tooltip i dag og se nettet i et helt nytt lys—med navn!

Detaljer

  • Versjon
    1.0
  • Oppdatert
    26. mai 2026
  • Levert av
    Ezra Free Apps
  • Størrelse
    55.34KiB
  • Språk
    41 språk
  • Utvikler
    E-post
    ezra.nicholson2026@gmail.com
  • Ikke-ervervsdrivende
    Denne utvikleren har ikke identifisert seg selv som næringsdrivende. For forbrukere i EU gjelder ikke forbrukerrettighetene for kontrakter som er gjort mellom deg og denne utvikleren.

Personvern

Administrer utvidelser, og finn ut hvordan de brukes i organisasjonen din
Utvikleren har oppgitt at dataene dine ikke samles inn eller brukes. Se utviklerens privacy policy for å finne ut mer.

Denne utvikleren erklærer at dataene dine

  • ikke selges til tredjeparter, med unntak for de godkjente bruksområdene
  • ikke brukes eller overføres for formål som ikke er relatert til varens kjernefunksjonalitet
  • ikke brukes eller overføres for å fastslå kredittverdighet eller for låneformål

Relatert

Design Analyzer - Extract Design Elements

0,0

Extract colors, fonts, spacing, shadows & effects from any website. Export to CSS, JSON, Figma, Sketch. One-click design analysis.

Peek - Design & Asset Toolkit

4,7

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

HEX fargesøker

5,0

Bruk HEX-kodevelger for å hente hex-fargesøker fra hvilken som helst nettside. Identifiser farger raskt og kopier hex-koder for…

Finn Fargekode

4,3

Identifiser med Finn Fargekode og bruk fargevelger for nøyaktige farger med rgb kode picker.

Color Palette

4,5

Lists and displays color codes of the current page

Inspect All - Web Inspector, Fonts & SEO Tools

5,0

Inspect fonts, colors, assets, SEO and responsiveness of any website in one simple side panel.

Color Picker

4,8

Bruk HEX Color Picker fra bilde for å raskt identifisere og bruke den i prosjektene dine. Enkelt velg hex-farge fra ethvert bilde.

View CSS Code | inspect Element

4,8

Bruk View CSS Code | Inspect Element for å view css code og lær how to inspect element on mac på sekunder.

CSS Viewer

5,0

CSS Viewer: hold over et element for å se hele css-en — fonter, farger, avstand — en rask css-inspektør rett i nettleseren.

Developer DOM Inspector

5,0

Inspect DOM elements visually

CSS Extractor Pro - Extract Clean CSS Code & Color Palettes

3,0

Extract clean CSS code from any webpage element & generate complete color palettes. Essential developer tool.

Markeringspennforlengelse

5,0

Oppdag en merkepennutvidelse som automatisk fargelegger nøkkelordene dine; finner og fremhever det som er viktig umiddelbart!

Design Analyzer - Extract Design Elements

0,0

Extract colors, fonts, spacing, shadows & effects from any website. Export to CSS, JSON, Figma, Sketch. One-click design analysis.

Peek - Design & Asset Toolkit

4,7

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

HEX fargesøker

5,0

Bruk HEX-kodevelger for å hente hex-fargesøker fra hvilken som helst nettside. Identifiser farger raskt og kopier hex-koder for…

Finn Fargekode

4,3

Identifiser med Finn Fargekode og bruk fargevelger for nøyaktige farger med rgb kode picker.

Color Palette

4,5

Lists and displays color codes of the current page

Inspect All - Web Inspector, Fonts & SEO Tools

5,0

Inspect fonts, colors, assets, SEO and responsiveness of any website in one simple side panel.

Color Picker

4,8

Bruk HEX Color Picker fra bilde for å raskt identifisere og bruke den i prosjektene dine. Enkelt velg hex-farge fra ethvert bilde.

View CSS Code | inspect Element

4,8

Bruk View CSS Code | Inspect Element for å view css code og lær how to inspect element on mac på sekunder.

Google-apper