β–²

Flutter Gems is a curated list of 7250+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn X

Top Flutter Color Picker and Utilities packages

Last updated: May 18, 2026

Color pickers are essential for creative apps, design tools, and personalization settings, allowing users to select custom hex codes, RGB values, or HSV hues.

Best Practices for Color Pickers

  • Color Spaces: Offer multiple selection formats. While developers think in HEX/RGB, users often find Hue-Saturation-Value (HSV) or color wheels much more intuitive.
  • Accessibility: Ensure that when a user selects a color (e.g., for a background), your app dynamically adjusts the foreground text color (black or white) to maintain readable contrast using luminance calculations.
  • Alpha Channels: If transparency is not supported by your backend or UI component, explicitly disable the Alpha (opacity) slider in the color picker to prevent unexpected rendering bugs.

The complete list of Color Pickers, Palette Generators, and Color Utilities for Flutter is provided below.


material_color_utilities Card Image
material_color_utilities
πŸ‘ 275   β¬‡οΈ 5.3M
Dart 3 compatible
Maintenance Status: Good

Algorithms and utilities that power the Material Design 3 color system, including choosing theme colors from images and creating tones of colors; all in a new color space.

ansicolor Card Image
ansicolor
πŸ‘ 167   β¬‡οΈ 1.9M
Dart 3 compatible
Maintenance Status: Average

Looking to add some color to your terminal logs? `ansicolor` is an xterm-256 color support library that lets you change the foreground and background color of your text.

flutter_colorpicker Card Image
flutter_colorpicker
πŸ‘ 1.02K   β¬‡οΈ 396.5K
Dart 3 compatible
Maintenance Status: Average

HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps.

flex_color_picker Card Image
flex_color_picker
πŸ‘ 604   β¬‡οΈ 276.2K
Dart 3 compatible
Maintenance Status: Good

A customizable Flutter primary, accent and custom color picker. Includes an optional HSV wheel color picker.

color
πŸ‘ 36   β¬‡οΈ 610.4K
Dart 3 compatible
Maintenance Status: Poor

A simple Dart package exposing a Color class which can be used to create, convert, alter, and compare colors in a variety of colorspaces.

flex_seed_scheme
πŸ‘ 106   β¬‡οΈ 361.8K
Dart 3 compatible
Maintenance Status: Good

A more flexible and powerful version of Flutter's ColorScheme.fromSeed. Use multiple seed colors, custom chroma and tone mapping.

hexcolor
πŸ‘ 334   β¬‡οΈ 31.3K
Dart 3 compatible
Maintenance Status: Good

Brings HexColor for your dart and flutter projects, convert material colors to hex colors

from_css_color
πŸ‘ 24   β¬‡οΈ 200.3K
Dart 3 compatible
Maintenance Status: Poor

Creates Color instance from CSS color string according to https://drafts.csswg.org/css-color-3

c_material
πŸ‘ 129   β¬‡οΈ 314
Dart 3 compatible
Maintenance Status: Good

A modern Flutter color system with predefined colors, semantic tokens, and Material 3 themes for building consistent and scalable UI designs.

flutter_material_color_picker
πŸ‘ 126   β¬‡οΈ 3.2K
Dart 3 compatible
Maintenance Status: Poor

Material color picker with some possible customizations for Flutter apps

flutter_gradient_colors
πŸ‘ 97   β¬‡οΈ 314
Dart 3 compatible
Maintenance Status: Poor

it's provide you more than 100 predefined Gradient Colors.

flutter_circle_color_picker
πŸ‘ 71   β¬‡οΈ 151
Dart 3 compatible
Maintenance Status: Poor

A beatiful circle color picker which picks hsl color for flutter.

cyclop
πŸ‘ 57   β¬‡οΈ 998
Dart 3 compatible
Maintenance Status: Poor

An experimental flutter colorpicker with an optional eyedropper tool ( Material colors swatches, AHSL, ARGB and custom swatches library )

flutter_hsvcolor_picker Card Image
flutter_hsvcolor_picker
πŸ‘ 50   β¬‡οΈ 4K
Dart 3 compatible
Maintenance Status: Average

A HSV color picker inspired by chrome devtools and a material color picker for your flutter app.

derived_colors
πŸ‘ 24   β¬‡οΈ 32.7K
Dart 3 compatible
Maintenance Status: Poor

Generate color variants.

fast_color_picker
πŸ‘ 50   β¬‡οΈ 182
Dart 3 compatible
Maintenance Status: Poor

This package provides a color picker like in story editor of Instagram.

tinycolor2
πŸ‘ 38   β¬‡οΈ 11.6K
Dart 3 compatible
Maintenance Status: Poor

Flutter Color manipulation and conversion, ported from JS tinycolor2

flutter_brand_palettes Card Image
flutter_brand_palettes
πŸ‘ 41   β¬‡οΈ 170
Dart 3 compatible
Maintenance Status: Average

A collection of elegant, declarative classes for the color palettes of popular brands and companies.

flutter_color_picker_wheel
πŸ‘ 39   β¬‡οΈ 65
Dart 3 compatible
Maintenance Status: Poor

A Wheel Shapde Color Picker written fully in dart

rainbow_color
πŸ‘ 35   β¬‡οΈ 1.8K
Dart 3 compatible
Maintenance Status: Poor

Simplified multi-color interpolation. Map a numerical domain to a smooth-transitioning color range.

material_color_generator
πŸ‘ 35   β¬‡οΈ 714
Dart 3 compatible
Maintenance Status: Poor

A package for generating a material color palette with HEX Color.

flutter_randomcolor Card Image
flutter_randomcolor
πŸ‘ 33   β¬‡οΈ 1.4K
Dart 3 compatible
Maintenance Status: Average

A flutter package for generating attractive random colors. it can be used for data visualization, generative and lot more.

pigment
πŸ‘ 20   β¬‡οΈ 13.3K
Dart 3 compatible
Maintenance Status: Poor

Useful and simple flutter color handler.

flutter_color
πŸ‘ 27   β¬‡οΈ 3.7K
Dart 3 compatible
Maintenance Status: Poor

Flutter plugin for works with colors schemes like a hex, hsl, xyz and cielab

hue_rotation Card Image
hue_rotation
πŸ‘ 29   β¬‡οΈ 396
Dart 3 compatible
Maintenance Status: Good

Change the color of any widget that has a color. Like SwiftUI's Hue Rotation.

pick_color
πŸ‘ 29   β¬‡οΈ 25
Dart 3 compatible
Maintenance Status: Poor

A Flutter package which allow you to extract color and hexcode from image with simple touch.

appkit_ui_element_colors Card Image
appkit_ui_element_colors
πŸ‘ 0   β¬‡οΈ 31.1K
Dart 3 compatible
Maintenance Status: Good

A Flutter plugin that exposes AppKit’s β€œUI Element Colors.”

colours
πŸ‘ 23   β¬‡οΈ 71
Dart 3 compatible
Maintenance Status: Poor

An extended version of Flutter Colors with more swatches and more flexibility to generate your own custom swatch.

a_colors
πŸ‘ 23   β¬‡οΈ 49
Dart 3 compatible
Maintenance Status: Poor

A new Flutter package contains 140 colors. By adding this to your Flutter application, you can avoid hardcode colors.

color_models
πŸ‘ 19   β¬‡οΈ 3.5K
Dart 3 compatible
Maintenance Status: Average

A set of classes representing the CMYK, HSI, HSL, HSP, HSB, LAB, Oklab, RGB, and XYZ color spaces with methods to convert colors between each space.

eo_color
πŸ‘ 21   β¬‡οΈ 102
Dart 3 compatible
Maintenance Status: Average

An elegant, object-oriented implementation of the color palettes and swatches of the Material Design standard; an alternative to Flutter's built-in colors.

monet
πŸ‘ 19   β¬‡οΈ 8
Dart 3 compatible
Maintenance Status: Poor

A library to get wallpaper colors using monet on Android or generate them using a primary color

color_picker_field
πŸ‘ 16   β¬‡οΈ 280
Dart 3 compatible
Maintenance Status: Poor

Color Picker field for Material and Cupertino, including a Radial Color picker(Hue based)

texture_rgba_renderer
πŸ‘ 12   β¬‡οΈ 3.2K
Dart 3 compatible
Maintenance Status: Poor

A texture helper which brings a high level api to handle BGRA data.

hsluv
πŸ‘ 11   β¬‡οΈ 2.1K
Dart 3 compatible
Maintenance Status: Poor

Dart port of HSLuv, a human-friendly alternative to HSL based on human experiments.

web_color_picker Card Image
web_color_picker
πŸ‘ 9   β¬‡οΈ 383
Dart 3 compatible
Maintenance Status: Average

This package allows you use the native web browser color picker in your Flutter Web app.

ios_color_picker Card Image
ios_color_picker
πŸ‘ 8   β¬‡οΈ 144
Dart 3 compatible
Maintenance Status: Good

A Flutter package that provides an iOS-style color picker UI for every Flutter platform, plus the native iOS color picker on iOS.

color_hex
πŸ‘ 6   β¬‡οΈ 638
Dart 3 compatible
Maintenance Status: Poor

Flutter package to convert hex String to Color() , and Color() to hex String

replace_palette
πŸ‘ 5   β¬‡οΈ 23
Dart 3 compatible
Maintenance Status: Average

Replaces the color palette in an image, respecting the color models. The easy-to-use and well-tested package.

ncscolor Card Image
ncscolor
πŸ‘ 4   β¬‡οΈ 18
Dart 3 compatible
Maintenance Status: Good

A comprehensive Dart package for converting NCS (Natural Color System) colors to RGB, HSL, and HEX formats, with additional RGB conversion utilities.

colorify
πŸ‘ 1   β¬‡οΈ 24
Dart 3 compatible
Maintenance Status: Average

A simple Flutter package to generate deterministic, random colors from a given dynamic seed.

x_color
πŸ‘ 0   β¬‡οΈ 7
Dart 3 compatible
Maintenance Status: Poor

A dynamic and remote color data holder for flutter remote-ui project

random_color
πŸ‘ 153   β¬‡οΈ 4K

Maintenance Status: Poor

Generate random colors from hue, saturation and brightness that are visualy appearing. You can chose exact color specifications.

flutter_gradients
πŸ‘ 74   β¬‡οΈ 14

Maintenance Status: Poor

A curated collection of awesome gradients made in Dart for Flutter.

tinycolor
πŸ‘ 51   β¬‡οΈ 74

Maintenance Status: Poor

Flutter Color manipulation and conversion, ported from JS tinycolor2

image_color_picker
πŸ‘ 43   β¬‡οΈ 22

Maintenance Status: Poor

Pick color from image (assets/network/file) and get color hexcodes.

color_thief_flutter
πŸ‘ 37   β¬‡οΈ 36

Maintenance Status: Poor

Grab the color palette from an image, the Flutter implementation of color-thief.

flutter_color_models
πŸ‘ 33   β¬‡οΈ 158

Maintenance Status: Poor

A set of classes representing the CMYK, HSI, HSL, HSP, HSB, LAB, Oklab, RGB, and XYZ color spaces with methods to convert colors between each space.

gradients
πŸ‘ 26   β¬‡οΈ 17

Maintenance Status: Poor

Implementations of Flutter's linear, radial, and sweep gradients with support for the CMYK, HSI, HSL, HSP, HSB, LAB, Oklab, RGB, and XYZ color spaces.

strcolor
πŸ‘ 25   β¬‡οΈ 11

Maintenance Status: Poor

Flutter package to convert color names to Color in Flutter. Offers a handful way to use colors by their names instead of using Colors constants.

kandinsky
πŸ‘ 1   β¬‡οΈ 10

Maintenance Status: Poor

A tiny color library. Create (dymanic and fixed) radial and linear gradients, convert rgb, hex, hue, hsl and css colors.