Färgkonverterare
Konvertera hex-, RGB- och HSL-färgkoder direkt med en live-förhandsvisning. Kopiera CSS-redo färgvärden i valfritt format.
Namngivna CSS-färger
| Färgnamn | Hex | RGB | |
|---|---|---|---|
| Red | #ff0000 | rgb(255, 0, 0) | |
| Coral | #ff7f50 | rgb(255, 127, 80) | |
| Orange | #ffa500 | rgb(255, 165, 0) | |
| Gold | #ffd700 | rgb(255, 215, 0) | |
| Yellow | #ffff00 | rgb(255, 255, 0) | |
| YellowGreen | #9acd32 | rgb(154, 205, 50) | |
| Lime | #00ff00 | rgb(0, 255, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Cyan | #00ffff | rgb(0, 255, 255) | |
| DodgerBlue | #1e90ff | rgb(30, 144, 255) | |
| Blue | #0000ff | rgb(0, 0, 255) | |
| SlateBlue | #6a5acd | rgb(106, 90, 205) | |
| Purple | #800080 | rgb(128, 0, 128) | |
| HotPink | #ff69b4 | rgb(255, 105, 180) | |
| White | #ffffff | rgb(255, 255, 255) | |
| Silver | #c0c0c0 | rgb(192, 192, 192) | |
| Gray | #808080 | rgb(128, 128, 128) | |
| Black | #000000 | rgb(0, 0, 0) |
Vanliga frågor
Dela den 6-siffriga hex-koden i tre par: det första är Röd, det andra är Grön, det tredje är Blå. Konvertera varje par från hexadecimalt till decimalt. Till exempel: #ff5733 → Röd=ff=255, Grön=57=87, Blå=33=51, alltså rgb(255, 87, 51). Vår konverterare gör detta omedelbart medan du skriver.
HSL står för Nyans (Hue), Mättnad (Saturation) och Ljushet (Lightness). Nyansen är vinkeln på färghjulet (0°–360°). Mättnaden (0–100%) styr hur levande färgen är. Ljusheten (0–100%) styr ljusstyrkan — 0% är svart, 50% är den rena färgen, 100% är vit. HSL används flitigt i CSS för programmatiska färgjusteringar.
Vanliga hex-koder: Röd=#ff0000, Orange=#ffa500, Gul=#ffff00, Grön=#008000, Cyan=#00ffff, Blå=#0000ff, Lila=#800080, Rosa=#ff69b4, Vit=#ffffff, Grå=#808080, Svart=#000000. Klicka på valfri rad i färgtabellen nedan för att ladda den omedelbart.
CMYK (Cyan, Magenta, Gul, Svart) är färgmodellen som används vid färgtryck. Till skillnad från RGB (för skärmar) subtraherar CMYK ljus från vitt papper. Hex-koden #ff0000 (ren röd) motsvarar cmyk(0%, 100%, 100%, 0%). CMYK-värden är nödvändiga när du förbereder grafik för professionellt tryck i InDesign eller Illustrator.