RGB naar HSV
RGB naar HSV
Wil je een kleur omzetten van RGB naar HSV? Gebruik dan de kleuren calculator van Omrekenen.nl. Volg deze stappen:
- Voer een waarde tussen 0 en 255 in bij de invoervelden R, G en B.
- Klik op Omrekenen en zie direct de corresponderende HSV-waarden.
Het omrekenen van RGB naar HSV was nog nooit zo eenvoudig!
RGB-kleursysteem
RGB staat voor Rood, Groen en Blauw. De kleur wordt bepaald door een mengeling van deze primaire kleuren. Elke component (R, G, B) kan een waarde van 0 tot 255 hebben.
HSV-kleursysteem
HSV staat voor Hue (kleurtoon), Saturation (verzadiging) en Value (helderheid).
– Hue (H) loopt van 0° tot 360° en geeft de kleurtoon aan.
– Saturation (S) loopt van 0 tot 1 (of 0% tot 100%) en geeft de kleurintensiteit aan.
– Value (V) loopt van 0 tot 1 (of 0% tot 100%) en geeft de helderheid aan.
Formules RGB ↔ HSV en HSV ↔ RGB
RGB naar HSV
Om RGB om te zetten naar HSV, gebruik je:
Cmax = max(R’, G’, B’), Cmin = min(R’, G’, B’)
Δ = Cmax – Cmin
Hue (H):
H =
0° if Δ=0
60° × ((G’-B’)/Δ) mod 6 if Cmax=R’
60° × ((B’-R’)/Δ) + 120° if Cmax=G’
60° × ((R’-G’)/Δ) + 240° if Cmax=B’
Saturation (S): S = 0 if Cmax=0, anders S = Δ / Cmax
Value (V): V = Cmax
R’=1, G’=0.647, B’=0
Cmax=1, Cmin=0, Δ=1-0=1
H = 39°, S = 1, V = 1 → HSV(39°, 100%, 100%)
HSV naar RGB
Om HSV om te zetten naar RGB, gebruik je:
X = C × (1 – |(H/60) mod 2 – 1|)
m = V – C
RGB’ = (R1, G1, B1) afhankelijk van H:
H ∈ [0°,60°): (C, X, 0)
H ∈ [60°,120°): (X, C, 0)
H ∈ [120°,180°): (0, C, X)
H ∈ [180°,240°): (0, X, C)
H ∈ [240°,300°): (X, 0, C)
H ∈ [300°,360°): (C, 0, X)
R = (R1 + m) × 255, G = (G1 + m) × 255, B = (B1 + m) × 255
Praktische toepassingen
Deze RGB ↔ HSV calculator kan handig zijn in de volgende situaties:
- Je ontwerpt digitale kleuren voor grafische software en wilt de kleurtoon manipuleren.
- Je ontwikkelt web- of app-kleuren waar Hue, Saturation en Value belangrijk zijn voor dynamische effecten.
- Je analyseert afbeeldingen en wilt kleuren op basis van helderheid en verzadiging aanpassen.
- Je wilt kleurgradaties of filters toepassen in fotografie- of videobewerkingssoftware.
Veelgestelde vragen over RGB en HSV
RGB staat voor Rood, Groen en Blauw en wordt gebruikt voor digitale schermen. R, G en B variëren van 0 tot 255.
HSV staat voor Hue, Saturation en Value en wordt veel gebruikt bij digitale ontwerpen om kleuren intuïtief te manipuleren.
RGB naar HSV: normaliseer RGB naar 0–1, bereken Δ, Cmax, Cmin en gebruik de formules voor H, S en V.
HSV naar RGB: bereken C, X, m en bepaal R’, G’, B’ afhankelijk van H, daarna opschalen naar 0–255.
Tabel van RGB naar HSV
Veelgebruikte kleuren omgezet van RGB naar HSV:
| RGB(255, 0, 0) | HSV(0°, 100%, 100%) |
| RGB(0, 255, 0) | HSV(120°, 100%, 100%) |
| RGB(0, 0, 255) | HSV(240°, 100%, 100%) |
| RGB(255, 255, 0) | HSV(60°, 100%, 100%) |
| RGB(0, 255, 255) | HSV(180°, 100%, 100%) |
| RGB(255, 0, 255) | HSV(300°, 100%, 100%) |
Tabel van HSV naar RGB
Veelgebruikte kleuren omgezet van HSV naar RGB:
| HSV(0°, 100%, 100%) | RGB(255, 0, 0) |
| HSV(120°, 100%, 100%) | RGB(0, 255, 0) |
| HSV(240°, 100%, 100%) | RGB(0, 0, 255) |
| HSV(60°, 100%, 100%) | RGB(255, 255, 0) |
| HSV(180°, 100%, 100%) | RGB(0, 255, 255) |
| HSV(300°, 100%, 100%) | RGB(255, 0, 255) |
Gebruikte bronnen en relevante links
- MDN Web Docs. Color values. https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
- W3Schools. RGB to HSV Conversion. https://www.w3schools.com/colors/colors_converter.asp
- Omrekenen.nl. Kleur eenheden omrekenen. https://www.omrekenen.nl/categorie/kleur/
Categorie: Kleur