Topic
Tagged “color”
8 pieces
All topics
- ResourceColorCoolorsTap-to-lock palette generator with contrast, shading, and export to CSS variables. Fastest way to draft a five-color palette that doesn't look extruded from a stock illustration.
- ResourceColorRealtime ColorsLive-preview a full palette on a sample landing page before committing to tokens. Picking accent colors against actual UI beats squinting at hex swatches.
- ResourceColorUI ColorsGenerate full Tailwind shade scales from a single hex. Turning a brand color into a 50-950 ramp without doing it by hand.
- ResourceColorTints and ShadesGenerate evenly stepped tints and shades for any base color. Sometimes you just need ten ticks lighter and ten ticks darker, no algorithm theatre.
- ResourceToolContrast CheckerPaste two colors, see WCAG AA / AAA pass-fail for normal and large text with a live sample preview. Every time I tweak a token I want to know whether the pair still clears the accessibility bar — without leaving the page.
- ResourceToolColor ConverterThree-way Hex ↔ RGB ↔ HSL converter with a live swatch, lightness shades, and one-click copy. Tailwind v4 token tweaks are easier when the same color reads in every notation at once.
- ResourceToolGradient GeneratorMulti-stop linear and radial gradients with live preview, drag-to-reorder stops, and CSS + Tailwind output. Skip the round-trip to Coolors when you just want a quick hero gradient with the project's accent.
- ResourceToolColor Palette ExtractorDrop or upload an image; pull its N most-prominent colors via median-cut quantization. Runs entirely in the browser. Sampling brand colors out of a screenshot without an Adobe round-trip — and the file never leaves the page.