9 JavaScript Color Pickers & Palettes

This interactive color palette collection utilizes JavaScript’s getComputedStyle and execCommand('copy') to extract RGB values from CSS-defined elements, convert them to HEX, and copy to clipboard. The neumorphic design is achieved through complex box-shadow properties that create extruded shapes, while click handlers trigger a full-screen toast notification (show class) that displays the copied value with dramatic typography and audio feedback.

A complete color scheme generator implemented with pure JavaScript logic for precise conversion between HEX, RGB, and HSL models, and algorithmic calculation of six main color harmonies (triadic, complementary, etc.).

A dynamic split-slider built with pure CSS and JS, utilizing CSS variables for custom slider and gradient styling, alongside masking for image visual division.

A striking color palette catalog with an interactive design, employing GSAP and flex for a smooth expansive transition on click: the selected row enlarges while others shrink, creating a cinematic focus effect.

A demonstration of a non-trivial technique for creating inverted rounded corners using ::before pseudo-elements and box-shadow. This trick allows you to “carve out” complex shapes from parent blocks, bypassing the limitations of standard border-radius.