Mer information om färger
Läs mer om färg - från ljus och uppfattning till RGB, CMYK, HSL, hex, färghjulet, gradienter och kontrast du kan prova i PictorX.
Ljus, ögon och två typer av blandning
Färg är inte en beläggning sitter på ett objekt. Det är ljus, plus en hjärna som förvandlar våglängder till röda, gula eller blågröna. Skärmarna lägger till ljus (additiv blandning): röda, gröna och blå lampor kombinerar mot vita. Skriv ut och måla subtrahera ljus (subtraktiv blandning): bläck filtrera våglängder och blanda dem huvuden mot svart. Det är därför en neon på en bildskärm sällan matchar samma jobb på papper.
RGB: Hur skärmar räknar färg
En pixel på en telefon eller bärbar dator är tre små lampor. Varje kanal lagras vanligtvis som 0-255 (åtta bitar). (0, 0, 0) är svart, (255, 255, 255) är vit, (255, 0, 0) är fullröd. Hex är samma trippel skriven för webben: #FF0000 är att röd, #000000000 är svart. Designers pratar fortfarande i RGB eftersom det är vad displayen faktiskt avger.
CMYK: Varför utskriften ser annorlunda ut
Skrivare låg cyan, magenta, gult och svart (K) bläck. De kan inte släppa ljus, bara suga upp det, så RGB-gamuten på en skärm är större än de flesta CMYK-pressar. En mättad elektrisk blå på en bildskärm ofta trålar på papper. Konvertera till CMYK innan du lovar en tryckfärg och bevis på det lager du kommer att använda. PictorX kan visa CMYK-nummer från en vald färg så att du ser gapet; det är inte ett substitut för en pressprofil.
HSL och HSV: designerns knoppar
Hue är positionen på regnbågen (0–360°). Mättnad är hur rent kontra grå. Ljushet (HSL) är hur nära vit eller svart; värde / ljushet (HSV) är hur nära svart medan du håller nyans levande till slutet. Designers som HSL och HSV eftersom "lite mörkare, samma orange" är en reglage, inte en gissning bland tre RGB-nummer.
Hex och heter CSS färger
Hex (#RRGGBB, ibland #RGB eller #RRGGBBAA) är webbens shorthand för RGB. CSS skickar också namngivna färger-korall, stålblå, rebeccapurple-att kartan för fasta hexvärden. Namn är praktiska för skisser; hex (eller en modern CSS färgfunktion) är vad du skickar när varumärket måste matcha.
Färghjulet och relationerna
Ett färghjul arrangerar nyanser i en cirkel. Klassiska relationer: kompletterande färger sitter mittemot (blå och apelsin) och kontrast hård; analoga färger är grannar och känner relaterade; triadiska färger sitter tre till och med steg isär och förblir livliga; split-komplementär tar en nyans plus de två bredvid sin motsats, som står i kontrast med mindre sammandrabbning; monokromatisk är en nyans på många lättheter. PictorXs palettgenerator håller för närvarande kompletterande, analoga och monokromatiska. Hjulet förklarar fortfarande resten av den klassiska uppsättningen även när ett givet verktyg inte erbjuder varje harmoni.
Gradienter: vägar mellan färger
En gradient är en blandning längs en väg. Linjär reser i en riktning; radial växer från ett centrum. Färg stoppar stift exakta färger på positioner längs den vägen. Fler stopp betyder mer kontroll, inte automatiskt mer smak. I CSS är linjär-gradient och radial-gradient samma idé. PictorXs gradientredaktör låter dig dra stopp och kopiera CSS, HEX, RGB, HSL, HSV eller CMYK.
Kontrast, tillgänglighet, varm och cool
Kontrast är hur långt två färger sitter i ljusstyrka (och nyans). WCAG ber om tillräcklig kontrast så texten förblir läsbar: ca 4.5:1 för normal text och 3:1 för stor text på nivå AA. Det är ett golv, inte en stil. Varma nyanser (röda, apelsiner, gula) känner sig närmare; svala nyanser (blå, gröna, violetter) recede. Använd kontrast för typ och UI; använd varm och sval för humör.
Färgverktyg i PictorX
Färghjulet är för att plocka en nyans och läsa harmonier. Den gradient redaktör är för blandningar och CSS. Palettgeneratorn bygger, låser och blandar uppsättningar - och kan dra färger från ett foto. Färgöverföring omformar en bild med en annans palett, i webbläsaren. Färgeffekter driver ett foto i nyanser och andra utseenden. Inget av detta ersätter en press eller en spektrofotometer; det är ett snabbt sätt att se hur färgen beter sig på en bild.
Ofta ställda frågor
Vad är skillnaden mellan RGB och CMYK?
RGB är additivt ljus på skärmar (vanligtvis 0-255 per kanal). CMYK är subtraktiv bläck på papper. De täcker olika områden, så en skärmfärg kan ofta inte skriva ut exakt.
Vad betyder kompletterande på ett färghjul?
Komplement sitter mitt emot varandra. Tillsammans kontrasterar de starkt. PictorXs palettgenerator kan bygga en kompletterande uppsättning från en startfärg.
Varför använder designers HSL istället för RGB?
Hue, mättnad och lätthet matchar hur vi pratar om färg. Du kan mörka en apelsin i HSL utan att råka blanda den bruna vägen en naiv RGB tweak kan.
Hur mycket kontrast kräver WCAG?
För AA, ca 4.5:1 för normal text och 3:1 för stor text. Kontrollera typen på sin verkliga bakgrund, inte en provswatch ensam.
Relaterade verktyg
Färghjul
Välj en färg på ett interaktivt hjul, generera komplementära, analoga, triadiska och andra paletter och kopiera HEX, RGB, HSL, HSV eller CMYK. Inget laddas upp.
Gradient Editor
Bygg linjära och radiella CSS-gradienter i din webbläsare. Drag färgstopp, ställa in vinkeln och kopiera CSS, HEX, RGB, HSL, HSV eller CMYK. Inget laddas upp.
Färgpalettgenerator
Bygg, lås och blanda färgpaletter i din webbläsare. Kopiera HEX, CSS variabler, eller JSON, export PNG eller SVG, och extrahera färger från ett foto. Inget laddas upp.
Färgöverföring
Återkalla ett foto med färgerna på en andra bild. Live förhandsvisning i din webbläsare med en styrkereglage och valfri bevarad ljusstyrka. Inget laddas upp.
Elektriska drömmar filter
Använd PictorX gratis i din webbläsare utan programvaruinstallation krävs.
Redo att prova det?
Öppna PictorX i din webbläsare - ingen installation, inget kreditkort krävs för att starta.
Prova färghjulet