CSS Diner
flukeout.github.ioLearn CSS selectors by choosing items on a table
Learn CSS selectors by choosing items on a table
Start from one colour and preview a palette in an interface.
Inspect colour codes, build harmonies and extract palettes from images.
Convert colour values and collect palettes for design or code.
Explore historical colour names through swatches and natural examples.
Build colour harmonies and carry their swatches into Adobe projects.
Use colour schemes and colour-space operations in D3 projects.
Chain colour transformations while keeping earlier values unchanged.
Trace photographic and film colour processes through documented examples.
Train a personal colour generator and search its combinations.
Use the Mac colour panel with shortcuts, recent colours and palette export
Build a resizable colour picker with optional fields and alpha controls.
Build desktop applications with JavaScript, HTML, and CSS using a Chromium and Node.js runtime.
Use named colour levels across interface code and design swatches.
Explore named colours and turn selected values into gradient steps.
Tailwind CSS and frontend development selections
Browse shared palettes, gradients and image-based colour inspiration.
Build interface colour scales with shade curves and contrast targets.
Edit one colour across familiar web formats and wide-gamut OKLCH.
Generate five-colour palettes while keeping selected colours fixed.
Compare colour references, build complements and convert colour data.
Compare camera images in original and simulated colour-vision views.
Turn three RGB channel values into a hexadecimal colour code.
Build colour harmonies with an RYB wheel and export palettes for design apps.