Hoppa till färgväljaren

Konvertera HSB / HSV till HEX

Klistra in ett HSB / HSV-värde och få HEX direkt. Andra format fungerar också.

Tolkad som HSV

HEX-värde#ff5733

Justera färgen

11°
100 %

68 %
0,210
34°

Alla andra format

Exempel: HSB / HSV till HEX

FärgHSB / HSVHEX
hsv(0 100% 100%)#ff0000
hsv(120 100% 100%)#00ff00
hsv(240 100% 100%)#0000ff
hsv(0 0% 100%)#ffffff
hsv(0 0% 0%)#000000
hsv(0 0% 50.2%)#808080
hsv(10.59 80% 100%)#ff5733
hsv(217.22 76.02% 96.47%)#3b82f6
hsv(160.12 91.35% 72.55%)#10b981
hsv(37.69 95.51% 96.08%)#f59e0b
hsv(258.31 62.6% 96.47%)#8b5cf6
hsv(330.37 69.49% 92.55%)#ec4899

Om HSB / HSV och HEX

HSV, även kallat HSB, använder färgton, mättnad och ljusstyrka. Photoshop, Figma och de flesta färgväljare använder det för den fyrkantiga väljaren.

HEX skriver rött, grönt och blått som två hexadecimala siffror vardera, till exempel #ff5733. Det är det vanligaste sättet att skriva färger på webben och i designverktyg.

Så fungerar konverteringen

Vi läser HSB / HSV-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till HEX. Värden utanför målformatets färgomfång anpassas med algoritmen i CSS Color 4, som behåller ljushet och färgton och minskar kroma.

Frågor och svar

Hur konverterar jag HSB / HSV till HEX?

Klistra in eller skriv ett HSB / HSV-värde i fältet ovan. PickShade konverterar det med formlerna i CSS Color 4 medan du skriver, och ett klick kopierar HEX-värdet.

Är konverteringen från HSB / HSV till HEX exakt?

Beräkningen är exakt och resultatet avrundas bara för visning, med tillräckligt många siffror för att räkna tillbaka till samma färg. Om färgen inte ryms i målformatets färgomfång varnar PickShade och visar närmaste färg som ryms.

Kan jag få andra format samtidigt?

Ja. Alla andra format, bland annat OKLCH, Display P3, Tailwind, SwiftUI, Flutter och Android, listas under resultatet och kopieras med ett klick.

Är konverteraren gratis?

Ja. Den är gratis, kräver inget konto och körs helt i din webbläsare.