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.
HTML
TS
SCSS
Hex format
Color picker configured for HEX format input and output with a pre-selected blue color.
Hex Color
#3498db
HTML
TS
SCSS
Rgb format
Color picker using RGB format for both input and output with a pre-selected red color.
RGB Color
rgb(231, 76, 60)
HTML
TS
SCSS
Hsl format
Color picker using HSL format for both input and output with a pre-selected green color.
HSL Color
hsl(142, 71%, 45%)
HTML
TS
SCSS
With alpha channel
Color picker with alpha channel enabled, allowing transparency selection. Shows a semi-transparent purple color.
Color with Transparency
hsla(271, 81%, 56%, 0.7)
HTML
TS
SCSS
Disabled state
Color picker in disabled state that cannot be interacted with but shows the current color value.
Disabled Color Picker
#95a5a6
HTML
TS
SCSS
Hidden label
Color picker with visually hidden label for compact layouts while maintaining accessibility.
Theme Color
#9b59b6
HTML
TS
SCSS