Wat is een Color Converter?
Een kleurconverter is een tool die een enkele kleur neemt die in één syntaxis is geschreven en deze in elke andere syntaxis tegelijk opnieuw uitdrukt. Plak een HEX-code zoals #4466EE en je krijgt onmiddellijk de rgb(), hsl(), hwb() en cmyk() equivalenten, plus het dichtstbijzijnde CSS-kleursleutelwoord. Het verwijdert de handmatige rekenkunde van het splitsen van hex-paren, het schalen van kanalen en het met de hand berekenen van tint en verzadiging.
Verschillende delen van een project verwachten verschillende kleurformaten Browsers geven alles weer zoals RGB, CSS-auteurs reiken naar HSL omdat lichtheid gemakkelijk te stimuleren is op hover, printworkflows CMYK nodig hebben en ontwerpoverdracht vaak als HEX arriveert Een converter houdt één bronkleur consistent over al deze kleuren, dus het blauw in uw stylesheet is hetzelfde blauw in uw merkgids en hetzelfde blauw dat uw printleverancier ontvangt. Het accepteert ook CSS-kleurnamen zoals rebeccapurple en vertaalt deze naar kopieerbare numerieke waarden.
Deze converter draait volledig in uw browser De kleur die u plakt wordt geparseerd en geconverteerd met JavaScript aan de clientzijde en verlaat uw apparaat nooit, dus er is geen upload, geen account en geen tracking van wat u converteert Het werkt offline zodra de pagina is geladen, verwerkt 3, 6 - en 8-cijferige HEX, komma - en spatiekleursyntaxis, en behoudt het alfakanaal via RGBA, HSLA, en 8-cijferige HEXA-uitvoer.
Om het te gebruiken als een hex naar CMYK kleurconverter, type #1E90FF en klik op Converteren: de CMYK rij leest cmyk (88%, 44%, 0%, 0%), de RGB rij rgb (30, 144, 255), en de CSS naam match is dodgerblue Als CMYK naar hex kleurconverter geeft cmyk (88, 44, 0, 0) #1F8FFF, één stap verwijderd van het origineel in twee kanalen, omdat CMYK in hele percentages wordt weergegeven Voor een hex naar RGBA #E 5-converter, voeg een 9 r0-paar toe:0
CMYK is de conversie om voorzichtig te behandelen In tegenstelling tot HEX, RGB, HSL en HWB, die allemaal exacte beschrijvingen zijn van dezelfde sRGB-kleur en verliesvrij onderling worden omgezet, beschrijft CMYK inkt op papier en is afhankelijk van de pers, de papiervoorraad en het gebruikte kleurprofiel. De conversie hier is de standaard apparaatonafhankelijke benadering, wat prima is voor een ruw idee en geen vervanging is voor een geprofileerde conversie in prepress-software. Verwacht dat verzadigde schermkleuren, vooral heldere blauw en groen, onbereikbaar zijn in print: ze zitten volledig buiten het CMYK-gamma en komen saaier terug dan ze eruit zagen.
Hoe de Color Converter te gebruiken?
Voer een kleur in
Typ of plak een willekeurige kleur: een HEX-code (#4466EE of #46E), een rgb ()/rgba () waarde, een hsl ()/hsla () waarde, hwb (), cmyk (), of een CSS-kleurnaam zoals koraal, klik vervolgens op Converteren.
Lees elk formaat
De tool toont HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB en CMYK, samen met de exacte of dichtstbijzijnde overeenkomende CSS-kleurnaam.
Pas indien nodig de alfa aan
Neem een alfawaarde op in uw invoer (rgba (...) of een 8-cijferige HEX) en de converter voert de dekking door naar elk alfabewust formaat.
Kopieer het formaat dat u nodig heeft
Klik op de kopieerknop naast een willekeurige uitvoerrij om die exacte tekenreeks naar uw klembord te kopiëren, klaar om in CSS, een ontwerptool of een afdrukspecificatie te plakken.
Belangrijkste kenmerken
Elk formaat tegelijk
Eén ingang produceert tegelijkertijd HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB en CMYK, dus u converteert nooit twee keer.
CSS Name Matching
Detecteert een exact CSS-kleursleutelwoord wanneer dit bestaat en toont altijd de dichtstbijzijnde benoemde kleur ter referentie.
Alfa bewaard gebleven
Transparantie van rgba () of een 8-cijferige HEX vloeit ongewijzigd door naar elk alfabewust uitvoerformaat.
Vergevende input
Accepteert 3-, 4-, 6- en 8-cijferige HEX-, komma- of ruimtescheiders, procentuele kanalen en moderne slash-alpha-syntaxis.
Frequently Asked Questions
Related Tools
Color Mixer
Blend two colors with adjustable ratio and blend modes, and build a gradient between them
Color Picker & Converter
Pick colors and convert between HEX, RGB, and HSL formats
Color Shades Generator
Generate tints, shades, and tones from any base color
CSS Filter Generator
Apply blur, brightness, contrast, grayscale, sepia, hue-rotate and more with live sliders and a preview, then copy production-ready CSS filter code.
Comments
0 comments
No comments yet. Be the first to share your thoughts!