Toolbar
Beta

Color Picker

A sophisticated color picker component featuring semantic color descriptions, international localization, advanced visual selectors, and seamless Angular signals integration. Built for professional design tools and user-friendly color selection.

Import

import {FktColorPickerComponent} from "frakton-ng/color-picker";

Basic color picker

A basic color picker with default HSL format and HEX output. Supports alpha channel for transparency.

Hex format

Color picker configured for HEX format input and output with a pre-selected blue color.

Rgb format

Color picker using RGB format for both input and output with a pre-selected red color.

Hsl format

Color picker using HSL format for both input and output with a pre-selected green color.

With alpha channel

Color picker with alpha channel enabled, allowing transparency selection. Shows a semi-transparent purple color.

Disabled state

Color picker in disabled state that cannot be interacted with but shows the current color value.

Hidden label

Color picker with visually hidden label for compact layouts while maintaining accessibility.