Fargeverktøy

Velger: Den store firkanten er et metning-verdikart ved gjeldende tone — fra venstre til høyre øker metningen, fra topp til bunn synker lysstyrken. Klikk hvor som helst på den for å velge farge. Den tynne vertikale stripen til høyre er tonelglidebryteren (0° til 360°) — skyv den for å endre basistonen, og firkanten tegnes på nytt. Høyre side viser den valgte fargen i formatene HEX, RGB og HSL — klikk på en verdi for å kopiere den.

Palett: Fargevelgeren til venstre og redigeringsboksen til høyre lagrer den samme basisfargen — de er tovegs synkronisert (velg en farge eller skriv inn en heksverdi, så oppdateres de begge). De fem palettradene nedenfor er alle avledet fra denne basisfargen ved å rotere fargetonen rundt fargehjulet: komplementær (tone +180°, sterkest kontrast), triadisk (+120° / +240°, balansert triade), tetradisk (+90° / +180° / +270°, rektangulær firefarget), analog (-30° / base / +30° / +60°, harmoniske naboer) og delt komplementær (+150° / +210°, mykere enn ren komplementær). Første fargeprøve i hver rad er alltid basisfargen selv, og resten er tonerotasjonsvarianter av den.

Konverter: Skriv inn en hvilken som helst gyldig farge — HEX (#3b82f6), CSS-funksjon (rgb(59,130,246) / hsl(217,90%,60%)) eller navngitt farge (dodgerblue) — og få øyeblikkelig konvertering til alle vanlige formater. Formatvelgeren kan gi tolkeren et hint hvis automatisk gjenkjenning velger feil format. Utdataene viser HEX, RGB (0–255), HSL (grader, %, %), HSV og CMYK. Klikk på en verdi for å kopiere den.

Fargeblindhet: Last opp et bilde og velg en type fargesyn-mangel å simulere. Verktøyet bruker en kjegle-responsmatrise-transformasjon på hver piksel, og omdefinerer RGB-verdiene for å tilnærme hvordan personer med ulike former for fargeblindhet oppfatter bildet. Det venstre lerretet viser originalen, det høyre den simulerte visningen. Nedtrekkslisten dekker tre dikromatiske typer (en kjeglepigment mangler: protanopi, deuteranopi, tritanopi), fullstendig achromatopsi (ingen fargesyn) og tre anomale trikromatiske typer (svak kjegleresponss). Bilder med lavere oppløsning lastes raskere.

Gradient: Dette er en visuell CSS-gradientbygger. Velg lineær (retningsbestemt) eller radial (fra sentrum og utover), sett vinkelen (0° = nederst til øverst, 90° = venstre til høyre), og definer fargestopp. Hvert stopp har en fargevelger og er jevnt fordelt (0 %, 50 %, 100 % for tre stopp). Klikk på + Stopp for å legge til mellomliggende fargepunkter til mer komplekse gradienter. Forhåndsvisningen oppdateres i sanntid, og den genererte CSS-en kan kopieres nedenfor.

Kontrast: Beregner WCAG 2.1-kontrastforholdet mellom forgrunnstekst og bakgrunnsfarge ved hjelp av formelen for relativ luminans fra sRGB-verdier (gammakorrigert). Forholdet går fra 1:1 (identiske farger) til 21:1 (svart mot hvitt). Resultatene viser bestått/ikke bestått på tre samsvarsnivåer: AA normal tekst (forhold ≥ 4,5:1), AAA stor tekst (forhold ≥ 4,5:1 for tekst ≥ 18 pt eller fet ≥ 14 pt) og AAA normal tekst (forhold ≥ 7:1). Forhåndsvisningen av eksempelteksten oppdateres i sanntid når man justerer farger.

Uttrekk: Last opp et hvilket som helst bilde, så identifiserer verktøyet dets dominerende fargepalett ved hjelp av fargekvantisering. Bildet skaleres ned til 100×100 piksler, og deretter plasseres hver piksel i et histogram med 4 bit per kanal (16 nivåer per R/G/B = 4096 bins). Gjennomsiktige piksler hoppes over. De vanligste binene sorteres etter antall piksler, og bin-ens sentralfarge blir en fargeprøve. Hver fargeprøve viser sin HEX-verdi og prosentandelen av bildets piksler den representerer. Juster telleren (2–12) for å styre hvor mange dominerende farger som hentes ut.

Blander: Blander to farger i RGB-fargerommet ved lineær interpolasjon. Forholdsglidebryteren bestemmer blandingen: 0 % er ren farge 1, 100 % er ren farge 2, og 50 % er en jevn blanding. Hver R-, G- og B-kanal interpoleres uavhengig (f.eks. rød + blå ved 50 % gir lilla). Resultatforhåndsvisningen og HEX-/RGB-verdiene oppdateres direkte når glidebryteren dras eller endrer en av fargene.

Temp: Konverterer svartlegemets fargetemperatur i kelvin til den tilsvarende synlige fargen ved hjelp av Tanner Hellands tilnærmingsalgoritme. Lave temperaturer (1000–3000 K) gir varme oransje/røde toner som lys fra stearinlys og glødepærer; middels område (4000–6500 K) gir nøytral hvit til dagslys; høyere temperaturer (8000–40000 K) går over til kjølig blått som overskyet himmel og dypt vann. Teksten under identifiserer den nærmeste lyskilden i virkeligheten for hver temperatur.

Navngitte: Bla i en samlet samling med 80 tradisjonelle kinesiske farger (胭脂, 朱砂, 黛蓝 osv. — navn hentet fra klassisk kinesisk litteratur, maleri og fargetradisjoner) og over 140 CSS-navngitte farger (den standard nettpaletten). Bruk søkefeltet til å filtrere etter navn eller HEX-verdi, eller bytt mellom kategorier i nedtrekkslisten. Klikk på en fargebrikke for å se en stor forhåndsvisning med navn og HEX-kode — klikk på koden for å kopiere den.