Mere information om farver
Læs mere om farve - fra lys og opfattelse til RGB, CMYK, HSL, hex, farvehjulet, gradienter og kontrast kan du prøve i PictorX.
Lys, øjne og to slags blanding
Farve er ikke en belægning sidder på et objekt. Det er lys, plus en hjerne, der forvandler bølgelængder til rød, gul eller blågrøn. Screens tilføje lys (additiv blanding): rød, grøn og blå lamper kombinere mod hvid. Print og maling trække lys (subtraktiv blanding): blæk filter bølgelængder, og blande dem hoveder mod sort. Derfor passer en neon på en skærm sjældent det samme job på papiret.
RGB: hvordan skærme tæller farve
En pixel på en telefon eller bærbar er tre små lys. Hver kanal er normalt gemt som 0- 255 (otte bits). (0, 0, 0) er sort, (255, 255, 255) er hvid, (255, 0, 0) er fuld rød. Hex er den samme tredobbelt skrevet for nettet: # FF0000 er, at rød, # 000000 er sort. Designere taler stadig i RGB, fordi det er, hvad skærmen faktisk udsender.
CMYK: hvorfor udskriften ser anderledes ud
Printere lægge cyan, magenta, gul, og sort (K) blæk. De kan ikke udsende lys, kun dyppe det op, så RGB gamut af en skærm er større end de fleste CMYK presser. En mættet elektrisk blå på en skærm ofte sløver på papir. Konverter til CMYK før du lover en print farve, og bevis på den bestand, du vil bruge. PictorX kan vise CMYK numre fra en valgt farve, så du kan se hullet; det er ikke en erstatning for en presseprofil.
HSL og HSV: designerens håndtag
Hue er positionen på regnbuen (0-360 °). Mætning er, hvor ren versus grå. Lethed (HSL) er, hvor tæt på hvid eller sort; værdi / lysstyrke (HSV) er, hvor tæt på sort og samtidig holde farven levende indtil slutningen. Designere som HSL og HSV fordi "en smule mørkere, samme orange" er en skyder, ikke et gæt blandt tre RGB numre.
Hex og navngivne CSS farver
Hex (# RRGGBB, undertiden # RGB eller # RRGBBAA) er webets kortslutning for RGB. CSS også skibe navngivne farver - koral, stålblå, rebecapurple - at kort til faste hex værdier. Navne er handy for skitser; hex (eller en moderne CSS farve funktion) er, hvad du sender, når mærket skal matche.
Farvehjulet og relationer
En farve hjul arrangerer nuancer i en cirkel. Klassiske forhold: komplementære farver sidde overfor (blå og orange) og kontrast hårdt; analoge farver er naboer og føler relateret; triadiske farver sidde tre lige trin fra hinanden og forblive livlig; split- komplementære tager en nuance plus de to ved siden af sin modsatte, hvilket er kontrast til mindre sammenstød; monokromatisk er en nuance på mange lysheder. PictorX palette generator i øjeblikket holder komplementære, analoge, og monokromatisk. Hjulet forklarer stadig resten af det klassiske sæt, selv når et givet værktøj ikke tilbyder enhver harmoni.
Gradienter: stier mellem farver
En gradient er en blanding langs en sti. Lineære rejser i en retning; radial vokser fra et center. Farve stopper pin præcise farver på positioner langs denne sti. Flere stop betyder mere kontrol, ikke automatisk mere smag. I CSS er linear- og radial- gradient den samme idé. PictorX 's gradient editor lader dig trække stop og kopiere CSS, HEX, RGB, HSL, HSV eller CMYK.
Kontrast, tilgængelighed, varm og kølig
Kontrast er, hvor langt to farver sidder i lethed (og nuance). WCAG beder om nok kontrast, så teksten forbliver læsbar: ca. 4,5: 1 for normal tekst og 3: 1 for stor tekst på niveau AA. Det er et gulv, ikke en stil. Varm nuancer (røde, appelsiner, gule) føle sig tættere; cool nuancer (blues, greens, violer) aftage. Brug kontrast til type og UI; brug varm og kølig for humør.
Farveværktøjer i PictorX
Farvehjulet er til at vælge en farve og læse harmonier. Gradienteditoren er for blandinger og CSS. Paletten generator bygger, låse og shuffles sæt - og kan trække farver fra et foto. Farveoverførsel genopretter et billede med palet af en anden, i browseren. Farveeffekter skubbe et foto ind i toner og andre udseende. Intet af dette erstatter en presse eller et spektrofotometer; det er en hurtig måde at se, hvordan farve opfører sig på et billede.
Ofte stillede spørgsmål
Hvad er forskellen mellem RGB og CMYK?
RGB er additiv lys på skærme (normalt 0-255 per kanal). CMYK er subtraktiv blæk på papir. De dækker forskellige områder, så en skærmfarve ofte ikke kan udskrive præcist.
Hvad betyder komplementaritet på et farvehjul?
Komplementerne sidder over for hinanden. Sammen står de stærkt i kontrast. PictorX palette generator kan bygge et supplerende sæt fra en startfarve.
Hvorfor bruger designere HSL i stedet for RGB?
Hue, mætning og lethed matcher hvordan vi taler om farve. Du kan mørkere en orange i HSL uden ved et uheld blande det brun den måde en naiv RGB tweak kan.
Hvor meget kontrast kræver WCAG?
For AA, ca. 4,5: 1 for normal tekst og 3: 1 for stor tekst. Kontroller typen på sin virkelige baggrund, ikke en prøve slør alene.
Relaterede værktøjer
Farvehjul
Vælg en farve på et interaktivt hjul, generere komplementære, analoge, triadic, og andre paletter, og kopiere HEX, RGB, HSL, HSV, eller CMYK. Intet er uploadet.
Gradienteditor
Byg lineære og radiale CSS gradienter i din browser. Træk farve stopper, indstille vinklen, og kopiere CSS, HEX, RGB, HSL, HSV, eller CMYK. Intet er uploadet.
Farvepalettegenerator
Byg, lås og shuffle farvepaletter i din browser. Kopier HEX, CSS variabler, eller JSON, eksportere PNG eller SVG, og udtrække farver fra et foto. Intet er uploadet.
Farveoverførsel
Genoptager et foto ved hjælp af farverne i et andet billede. Live preview i din browser med en styrke skyder og valgfri bevaret lysstyrke. Intet er uploadet.
Elektriske drømmefiltre
Giv billeder en filmisk glowup fra Effekter → Farve. Brug PictorX gratis i din browser uden software installation kræves.
Er du klar til at prøve?
Åbn PictorX i din browser - ingen installation, ingen kreditkort kræves for at starte.
Prøv farvehjulet