
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.
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.
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.
De tool toont onmiddellijk HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB en CMYK, samen met de exacte of dichtstbijzijnde overeenkomende CSS-kleurnaam.
Neem een alfawaarde op in uw invoer (rgba (...) of een 8-cijferige HEX) en de converter voert de dekking door naar elk alfabewust formaat.
Klik op een willekeurige uitvoerrij om die exacte tekenreeks naar uw klembord te kopiëren, klaar om in CSS, een ontwerptool of een afdrukspecificatie te plakken.
Eén ingang produceert tegelijkertijd HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB en CMYK, dus u converteert nooit twee keer.
Detecteert een exact CSS-kleursleutelwoord wanneer dit bestaat en toont altijd de dichtstbijzijnde benoemde kleur ter referentie.
Transparantie van rgba () of een 8-cijferige HEX vloeit ongewijzigd door naar elk alfabewust uitvoerformaat.
Accepteert 3-, 4-, 6- en 8-cijferige HEX-, komma- of ruimtescheiders, procentuele kanalen en moderne slash-alpha-syntaxis.
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
Pick colors and convert between HEX, RGB, and HSL formats
Generate tints, shades, and tones from any base color
0 comments
No comments yet. Be the first to share your thoughts!