Farveværktøjer

Vælger: Det store kvadrat er et mætnings-lysstyrke-kort ved den aktuelle nuance — fra venstre mod højre øges mætningen, og oppefra og ned falder lysstyrken. Klik hvor som helst for at vælge en farve. Den tynde lodrette bjælke til højre er nuanceskyderen (0° til 360°) — skub den for at ændre grundnuancen, og kvadratet tegnes om tilsvarende. Til højre vises den valgte farve i HEX-, RGB- og HSL-formater — klik på en værdi for at kopiere den.

Palet: Den venstre farvevælger og det højre redigeringsfelt gemmer den samme grundfarve — de er synkroniseret begge veje (vælg en farve eller skriv en hex-værdi, og begge opdateres). De fem palet-rækker nedenfor er alle afledt af denne grundfarve ved at dreje dens nuance rundt på farvehjulet: komplementær (nuance +180°, stærkeste kontrast), triadisk (+120° / +240°, afbalanceret triade), tetradisk (+90° / +180° / +270°, rektangulære fire farver), analog (-30° / grund / +30° / +60°, harmoniske naboer) og split-komplementær (+150° / +210°, blødere end ren komplementær). Den første farveprøve i hver række er altid grundfarven selv, og resten er dens nuance-drejede varianter.

Konvertér: Indtast en gyldig farve — HEX (#3b82f6), CSS-funktion (rgb(59,130,246) / hsl(217,90%,60%)) eller navngiven farve (dodgerblue) — og få øjeblikkelig konvertering til alle større formater. Formatrullelisten kan give parseren et hint, hvis automatisk genkendelse vælger det forkerte format. Outputtet viser HEX, RGB (0-255), HSL (grader, %, %), HSV og CMYK. Klik på en værdi for at kopiere den.

Farveblindhed: Upload et billede, og vælg en type farvesynsmangel at simulere. Værktøjet anvender en tapfølsom matrixtransformation på hver pixel og omkortlægger RGB-værdierne for at tilnærme, hvordan personer med forskellige former for farveblindhed opfatter billedet. Det venstre lærred viser originalen, det højre den simulerede visning. Rullelisten dækker tre dikromatitetstyper (manglende ét tappigment: protanopi, deuteranopi, tritanopi), fuld akromatopsi (intet farvesyn) og tre anomale trikromatitetstyper (svag tapfølsomhed). Billeder med lavere opløsning indlæses hurtigere.

Gradient: Dette er en visuel CSS-gradientbygger. Vælg lineær (retningsbestemt) eller radial (fra centrum og udad), angiv vinklen (0° = nedefra og op, 90° = fra venstre mod højre), og definér farvestop. Hvert stop har en farvevælger og er jævnt fordelt (0 %, 50 %, 100 % for tre stop). Klik på + Stop for at tilføje mellemliggende farvepunkter til mere komplekse gradienter. Forhåndsvisningen opdateres live, og den genererede CSS kan kopieres nedenfor.

Kontrast: Beregner WCAG 2.1-kontrastforholdet mellem forgrundstekst og baggrundsfarve ved hjælp af formlen for relativ luminans ud fra sRGB-værdier (gamma-korrigeret). Forholdet går fra 1:1 (ens farver) til 21:1 (sort mod hvid). Resultaterne viser bestået/ikke bestået på tre overholdelsesniveauer: AA normal tekst (forhold ≥ 4,5:1), AAA stor tekst (forhold ≥ 4,5:1 for tekst ≥ 18 pt eller fed ≥ 14 pt) og AAA normal tekst (forhold ≥ 7:1). Eksempelteksten opdateres i realtid, når farverne justeres.

Udtræk: Upload et billede, og værktøjet identificerer dets dominerende farvepalet med farvekvantisering. Billedet nedskaleres til 100×100 px, derefter inddeles hver pixel i et 4-bit-pr.-kanal-histogram (16 niveauer pr. R/G/B = 4096 bins). Gennemsigtige pixels springes over. De hyppigste bins sorteres efter antal pixels, og bin'ens centerfarve bliver en farveprøve. Hver farveprøve viser sin HEX-værdi og den procentdel af billedets pixels, den repræsenterer. Justér tællerskyderen (2-12) for at styre, hvor mange dominerende farver der udtrækkes.

Blander: Blander to farver i RGB-farverummet ved lineær interpolation. Forholdsskyderen bestemmer blandingen: 0 % er ren farve 1, 100 % er ren farve 2, og 50 % er en jævn blanding. Hver R-, G- og B-kanal interpoleres uafhængigt (f.eks. rød + blå ved 50 % giver lilla). Resultatets forhåndsvisning og HEX-/RGB-værdier opdateres live, når skyderen trækkes, eller en af farverne ændres.

Temp: Omregner sortkropsfarvetemperatur i kelvin til den tilsvarende synlige farve ved hjælp af Tanner Hellands tilnærmelsesalgoritme. Lave temperaturer (1000-3000 K) giver varme orange/røde toner som stearinlys og glødepærer; mellemområdet (4000-6500 K) giver neutral hvid til dagslys; højere temperaturer (8000-40000 K) skifter til kølig blå som overskyet himmel og dybt vand. Teksten nedenfor angiver den nærmeste virkelige lyskilde for hver temperatur.

Navngivne: Gennemse en samlet samling af 80 kinesiske traditionelle farver (胭脂, 朱砂, 黛蓝 osv. — navne hentet fra klassisk kinesisk litteratur, maleri og farvningstraditioner) og 140+ CSS-navngivne farver (den standardiserede webpalet). Brug søgefeltet til at filtrere efter navn eller HEX-værdi, eller skift mellem kategorier med rullelisten. Klik på en farvechip for at se en stor forhåndsvisning med navn og HEX-kode — klik på koden for at kopiere den.