Färgstudion
En plats för alla verktyg i Färgstudion.
Paletter, CSS och kontrast.
7 gratisverktygIngen registrering krävsFungerar på alla enheterDina filer stannar hos dig
Utforska Färgstudion nedan och hitta rätt verktyg för din uppgift.
Verktyg i Färgstudion
7 verktygGrupperade efter uppgiften du kom för att göra.
Färg och CSS
Värden du kan klistra rakt in i en stilmall.7 verktygFärgomvandlareEn färg i alla notationer samtidigt, med en WCAG-kontrastkontroll.HEX · RGB · HSLPalettgeneratorHarmonier, ljusare och mörkare toner från en basfärg, med hex-koderna redo att kopiera.HEXCSS-gradientgeneratorLinjära och radiella gradienter med live-förhandsvisning och exakt CSS att klistra in.CSSBox shadow-generatorFörskjutning, oskärpa, spridning och färg, förhandsvisat på ett riktigt kort medan du finjusterar.CSSKontrastkontrollTvå färger, ett förhållande och ett rakt svar på om det klarar AA och AAA.WCAGTailwind-färgsökareNärmaste Tailwind-klass till valfritt hex-värde, med avståndet så att du kan bedöma det.HEXFärgblindhetssimulatorSe en design som åtta procent av alla män gör, innan du förlitar dig på rött och grönt.JPG · PNG
Fler habitat att utforska
Vi öppnar ett habitat när det rymmer verktyg som är värda besöket.
Om Färgverktyg
Vilken kontraststandard används?
Relativ luminans enligt WCAG 2.2 — samma matematik som granskare och webbläsarnas utvecklarverktyg använder. 4,5:1 för brödtext, 3:1 för stor text och gränser i gränssnittet.
Varför ser paletten annorlunda ut i tryck?
Skärmar är additiva och tryckfärg är subtraktiv, så en lysande skärmfärg saknar ofta motsvarighet i tryck. Behandla CMYK-värdena som en utgångspunkt för ett korrektur, inte som en exakt matchning.
Andra habitat
Tack vare dig,
ToolZool förblir gratis
Kraftfulla verktyg borde vara gratis för alla. Så här betalas det — allt, utan att något utelämnas.
Bjud Zooly på en kaffeDirekt stöd som håller lamporna tända och nya verktyg på väg. Helt frivilligt.Stöd Zooly →
Rekommenderade valBetalda verktyg som slutför jobb en webbläsare inte klarar. Inget på den sidan ger oss något i dag.Se rekommendationer →
Annonser, med respektMärkta placeringar ligger utanför arbetsytan, så de kommer aldrig mellan dig och ditt resultat.Läs annonspolicyn →
Du är fantastiskVarje besök, delning och vänligt ord hjälper ToolZool att växa och nå fler.
