Online værktøj til analoge farveskemaer

Forstå analoge farveskemaer

Analoge farver ligger tæt på hinanden i farvecirklen og skaber et harmonisk og roligt udtryk. Dette værktøj genererer tre farver: basefarven samt to farver, der er forskudt med en valgfri vinkel (hue gap) på hver side.

Eksempel med standardindstillinger

Vælg basefarven #3B82F6 (blå). Med en vinkelafstand på 30 grader får du følgende tre farver:

• Venstre: #3CE0F6 (cyan)
• Midten: #3B82F6 (din basefarve, uændret)
• Højre: #523CF6 (violet)

Hvis du øger vinkelafstanden til 90 grader, bliver resultatet:

• Venstre: #3CF652 (grøn)
• Midten: #3B82F6
• Højre: #F63CE0 (magenta)

Avancerede paneler

Hver farve har et avanceret panel, hvor du kan se og redigere HEX-, RGB-, HSV- og HSL-værdier. Hvis du redigerer en af de genererede farver, ændres kun den pågældende farve – de øvrige to genberegnes ikke.

Vigtige begrænsninger

• Værktøjet beregner kun lokalt i din browser – ingen data sendes til serveren.
• Analoge farver garanterer ikke læsbar tekst eller tilstrækkelig kontrast. Tjek altid kontrastforholdet separat for tekst- og baggrundsfarver.
• Der er ingen automatisk kontrastscore, farveblindesimulering eller eksportfunktion i dette værktøj.

Ofte stillede spørgsmål

Hvordan beregnes de analoge farver?

Værktøjet konverterer din basefarve fra RGB til HSL (afrundet til heltal). Det bevarer mætning og lyshed for de to forskudte farver, ændrer kun hue-værdien (plus/minus vinkelafstanden) og sørger for, at hue-værdien holdes inden for 0-360 grader. Til sidst konverteres farverne tilbage til RGB/HEX. Den midterste farve er altid din oprindelige basefarve, så HEX-værdien forbliver nøjagtig.

Kan jeg bruge værktøjet offline?

Ja, hele beregningen foregår i din browser. Når siden er indlæst, kan du afbryde internetforbindelsen, og værktøjet vil stadig fungere.

Hvad gør jeg, hvis farverne ikke passer til mit design?

Du kan justere vinkelafstanden for at få større eller mindre variation. Husk at inspicere farverne i din faktiske UI-kontekst, da skærmens kalibrering og omgivende farver påvirker oplevelsen. Overvej også at teste kontrasten separat for tekst og baggrund.

Checkliste til brug

• Vælg en basefarve, der passer til dit brand eller design.
• Start med en vinkelafstand på 30 grader for subtile variationer.
• Test med 60 eller 90 grader for mere markante forskelle.
• Kontrollér altid kontrasten for tekst, der skal læses.
• Brug de avancerede paneler til at finjustere farverne manuelt.