Elementets logobillede for Farvenavn Værktøjstip

Farvenavn Værktøjstip

Medieindhold 1 (screenshot) for Farvenavn Værktøjstip

Oversigt

Hold markøren over elementer for at se farvedetaljer og almindelige navne.

# Værktøj til farvenavne - Det ultimative værktøj til opdagelse af webfarver ## Oversigt Er du designer, udvikler eller digital kunstner, der hele tiden spekulerer på de præcise nuancer, der bruges på nettet? Eller måske er du en af de millioner af mennesker verden over, der oplever en form for farveblindhed og kæmper med at skelne mellem lignende nuancer? Velkommen til Color Name Tooltip, en kraftfuld, men letvægts Chrome-udvidelse designet til at bringe klarhed, præcision og tilgængelighed til din webbrowsing-oplevelse. Color Name Tooltip er ikke bare endnu en farvevælger. Det er en intelligent farveidentifikationsmotor i realtid, der bor direkte i din browser. Ved blot at føre musen over et hvilket som helst element på en webside, kan du øjeblikkeligt se de beregnede CSS-farveværdier i flere formater, sammen med et menneskeligt læsbart navn, som alle kan forstå. ## Hvorfor Color Name Tooltip? Internettet er et levende sted, men den tekniske side af farver kan være skræmmende. Hex-koder som #F08080 eller RGB-værdier som (240, 128, 128) betyder ikke meget for den gennemsnitlige person. Selv for erfarne fagfolk er det svært at visualisere den præcise nuance ud fra en række tal. Det er her, Color Name Tooltip skinner. Det bygger bro mellem tekniske data og menneskeligt sprog. Når du holder musen over et element, fortæller det dig ikke bare matematikken; det fortæller dig historien. Det identificerer farven som "Light Coral" (lys koral), hvilket giver dig et øjeblikkeligt mentalt billede af nuancen. ## Nøglefunktioner ### 1. Øjeblikkelig identifikation ved mouseover Ingen grund til at åbne udviklerværktøjer eller klikke på et element. Flyt bare markøren hen over skærmen, og værktøjstippet følger med og opdateres øjeblikkeligt, mens du glider over forskellige farver. Uanset om det er en baggrund, en kant eller tekst, finder Color Name Tooltip den beregnede farve og viser den elegant. ### 2. Omfattende farvedata For de professionelle leverer vi alle de vigtige tekniske detaljer: - **Hexadecimal:** Industristandarden for webdesign. - **RGB (Rød, Grøn, Blå):** Væsentlig for mange designapplikationer og CSS. - **HSL (Farvetone, Mætning, Lyshed):** Ofte den mest intuitive måde for designere at forstå og manipulere farver på. ### 3. Nærmeste CSS-navngivne farve Har du nogensinde ønsket at vide, hvad det tætteste "officielle" CSS-farvenavn er? Vores udvidelse sammenligner den valgte farve med standardsættet på over 140 CSS-navngivne farver og fortæller dig det tætteste match. Dette er utroligt nyttigt for udviklere, der ønsker at bruge standardnavne i deres stylesheets for bedre læsbarhed. ### 4. Avancerede beskrivelser på almindeligt engelsk (ntc.js) Dette er hjertet i vores udvidelses tilgængelighed. Vi har bundlet en massiv opslagstabel, der indeholder over 1.500 farveklassificeringer. I stedet for generiske navne får du beskrivende, stemningsfulde titler som 'medium coral pink', 'dark navy blue' eller 'dusty lavender'. Disse navne stammer fra den berømte "Name That Color" (ntc)-algoritme, hvilket giver et detaljeniveau, som standardvælgere simpelthen ikke kan matche. ### 5. Designet til tilgængelighed Color Name Tooltip er bygget med farveblinde brugere i tankerne. Farveblindhed kan gøre det svært at navigere på nettet, især når farver bruges til at formidle mening eller skelne mellem sektioner. Ved at give klare, skrevne navne til enhver farve, giver vi brugerne mulighed for at forstå det visuelle hierarki og de æstetiske valg på ethvert websted, uanset deres farveopfattelse. ## Hvordan det virker Under motorhjelmen bruger Color Name Tooltip avanceret logik til at bestemme den "beregnede stil" af de elementer, du holder musen over. Den identificerer intelligent, om den skal vise baggrundsfarven eller tekstfarven baseret på, hvad der er mest fremtrædende under din markør. Dataene behandles derefter gennem vores bundlede biblioteker—`ntc.js` for navnene på almindeligt engelsk og `css_colors.js` for standard CSS-matches—for at give dig en omfattende profil af farven på få millisekunder. ## Minimalistisk og ikke-indgribende Vi mener, at værktøjer skal holde sig ude af vejen, indtil du har brug for dem. Color Name Tooltip indeholder: - **Ren brugerflade:** Et moderne, semi-transparent værktøjstip, der ikke skjuler dit udsyn. - **Smart positionering:** Værktøjstippet omplacerer sig automatisk for at sikre, at det altid bliver inden for browserens visningsområde. - **Slå til/fra-kontrol:** Har du brug for en pause? Du kan nemt aktivere eller deaktivere værktøjstippet via udvidelsens pop-up-menu. Det er der, når du har brug for det, og væk, når du ikke har. ## Perfekt til: - **Webdesignere:** Henvis hurtigt til farver på inspirationssider uden at dykke ned i koden. - **Frontend-udviklere:** Bekræft, at farverne på live-siden matcher designspecifikationerne. - **Digitale kunstnere:** Udvid dit farveforråd ved at se navnene på de nuancer, du møder. - **Tilgængelighedsfortalere:** Sørg for, at dine sider er forståelige for alle brugere ved at tjekke, hvordan farver beskrives. - **Farveblinde personer:** Opnå et nyt niveau af uafhængighed ved at udforske det visuelle web. ## Privatliv og ydeevne Dit privatliv er vores prioritet. Color Name Tooltip fungerer udelukkende lokalt i din browser. Den sporer ikke din browserhistorik, indsamler personlige data eller kommunikerer med eksterne servere. Den er også stærkt optimeret til ydeevne, hvilket sikrer, at din browsing-oplevelse forbliver flydende og responsiv selv på komplekse, farverige websteder. ## Deltag i fællesskabet Vi er forpligtet til at gøre Color Name Tooltip til det bedste farveværktøj på nettet. Hvis du har forslag til nye funktioner, støder på problemer eller bare vil dele, hvordan udvidelsen har hjulpet dig, vil vi meget gerne høre fra dig! Din feedback driver vores udvikling. Installer Color Name Tooltip i dag og se nettet i et helt nyt lys—med navne!

Oplysninger

  • Version
    1.0
  • Opdateret
    26. maj 2026
  • Udbydes af
    Ezra Free Apps
  • Størrelse
    55.34KiB
  • Sprog
    41 sprog
  • Udvikler
    Mail
    ezra.nicholson2026@gmail.com
  • Ikke forhandler
    Denne udgiver har ikke angivet sig selv om forhandler. Hvis du er kunde i EU, skal du være opmærksom på, at forbrugerrettighederne ikke gælder for kontrakter, der indgås mellem dig og denne udgiver.

Privatliv

Administrer udvidelser, og få flere oplysninger om, hvordan de bruges i din organisation
Udvikleren har erklæret, at elementet ikke indsamler eller bruger dine data Du kan få flere oplysninger ved at gå til udviklerens privacy policy.

Denne udvikler bekræfter, at dine data:

  • Ikke sælges til tredjeparter uden et godkendt anvendelsesformål
  • Ikke anvendes eller overføres til formål, der ikke er relevante i forhold til elementets hovedformål
  • Ikke anvendes eller overføres til at fastlægge kreditværdighed eller lånerelaterede formål

Relaterede

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-farvefinder

5,0

Brug HEX code picker til at finde hex-farver fra enhver webside. Identificer hurtigt farver og kopier hex-koder til alle dine…

Find Farvekode

4,3

Identificer farver med Find Farvekode på billede ved at bruge hex farvekoder og farvevælger.

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

Brug HEX Color Picker fra billede til hurtigt at identificere og bruge det til dine projekter. Vælg hex farve fra ethvert billede.

CSS Viewer | Inspect Element

4,8

Brug CSS Viewer | Inspect Element til at se styles hurtigt. Et nemt værktøj med inspect shortcut chrome og view css code funktioner.

CSS Viewer

5,0

Øjeblikkelig CSS Viewer: hold over et element og se dets css — skrifttyper, farver, afstand — hurtig css-inspektor i browseren.

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.

Markeringsudvidelse

5,0

Opdag markeringsudvidelse, der automatisk farver dine nøgleord; finder og fremhæver straks, hvad der er vigtigt!

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-farvefinder

5,0

Brug HEX code picker til at finde hex-farver fra enhver webside. Identificer hurtigt farver og kopier hex-koder til alle dine…

Find Farvekode

4,3

Identificer farver med Find Farvekode på billede ved at bruge hex farvekoder og farvevælger.

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

Brug HEX Color Picker fra billede til hurtigt at identificere og bruge det til dine projekter. Vælg hex farve fra ethvert billede.

CSS Viewer | Inspect Element

4,8

Brug CSS Viewer | Inspect Element til at se styles hurtigt. Et nemt værktøj med inspect shortcut chrome og view css code funktioner.

Google-apps