Vælg en farve, tag koden, og kom videre

Farvevælger, gradientbygger og billedpipette på én side. Ingen konto, ingen installation og ingen ventetid: vælg en nuance og kopiér den som HEX, RGB, HSL eller HSV.

%
Åbn farvesiden

Farvekoder

HEX#0F37FF
RGBrgb(15, 55, 255)
HSLhsl(230°, 100%, 52.94%)
HSVhsv(230°, 94.12%, 100%)
CMYKcmyk(94.12%, 78.43%, 0%, 0%)
XYZxyz(19.61, 10.05, 95.5)
LABlab(37.93, 62.96, -98.45)
LCHlch(37.93, 116.86, 302.6°)

Populære farver

Se alle populære farver
#A5E3FE
#8E1025
#65E76F
#046B8B
#C37B3C
#C02148
#B5A9D0
#F29C8C
#2C3F44
#F04777
#3B89B0
#7CD0B2

Hvad der er indeni

Pipette

Tag farver fra et uploadet billede, eller fra hvad som helst på skærmen hvor browseren tillader det. Slip en fil på siden og klik på en pixel.

Formatkonvertering

Skift øjeblikkeligt mellem HEX, RGB, HSL, HSV, CMYK, XYZ, LAB og LCH, og kopiér enhver værdi direkte ind i CSS eller dit designværktøj.

Gradientbygger

Tilføj og træk stop langs bjælken, skift mellem lineær og radial, indstil vinkel og gennemsigtighed, og kopiér så den færdige CSS.

Farvehistorik

Hver farve og gradient, du laver, bliver i din browser, så du kan vende tilbage til den eller genbruge den i et andet projekt.

Harmonier og varianter

Hver farveside viser lysere og mørkere toner og seks harmoniskemaer, og gør hvilket som helst af dem til en gradient med ét klik.

Gratis og privat

Ingen betalingsmur og ingen sporing af, hvad du vælger. Uploadede billeder læses i browseren og sendes ingen steder hen.

Hvem det er til

Designere og produktteams
Når du skitserer en grænseflade eller en brandpalet, prøver kombinationer af og kopierer den præcise CSS til en gradient.
Illustration og maleri
Til at tage farver fra fotografier og malerier med pipetten og planlægge bløde overgange.
Frontend-udvikling
Til at lave ensartede farveværdier gennem et projekt og aflæse dem fra et eksisterende design.
Den, der tjekker tilgængelighed
Til at sammenligne en farve på tværs af modeller og justere den, indtil kontrastforholdet klarer den nødvendige grænse.

Sådan bruger du den

  1. 1

    Vælg en farve

    Klik hvor som helst i mætningsfeltet, og finjustér derefter med skyderne for nuance og alfa. HEX, RGB og HSV opdateres undervejs.

  2. 2

    Tag fra et billede

    Træk et billede ind på siden eller vælg en fil, og klik så på den pixel, du vil have. Koderne dukker op med det samme.

  3. 3

    Byg en gradient

    Klik på bjælken for at tilføje et stop, og træk det på plads. Skift mellem lineær og radial, og indstil vinklen.

  4. 4

    Kopiér og genbrug

    Kopiér værdien eller hele CSS-erklæringen. Alt, hvad du vælger, gemmes automatisk i historikken.

Ofte stillede spørgsmål

Et lille værktøj, der ikke er i vejen

Det begyndte som et internt hjælpemiddel: vi ville gribe en farve, justere den og komme videre uden først at åbne et tungt designprogram. Det er bevidst én side, bevidst hurtigt, og det forbliver gratis.

Browserudvidelser

Vil du hellere tage farver direkte fra de sider, du besøger? Udvidelserne til Chrome og Edge lægger en pipette i værktøjslinjen, fører deres egen historik og åbner dette værktøj med ét klik.

Åbn Chrome Web StoreÅbn Microsoft Edge-tilføjelser