Flutter Color Generator

Convert colors and generate Flutter MaterialColor swatches

Color Preview

Current Color

#667EEA

Color Input

HEX Color

RGB Values

Color Picker

Output Formats

Flutter Color

Color(0xFF667eea)

HEX Code

#667EEA

RGB

rgb(102, 126, 234)

MaterialColor Swatch

Generate a complete MaterialColor with all shades (50-900) based on your selected color.

MaterialColor primarySwatch = MaterialColor(
  0xFF667eea,
  <int, Color>{
    50: Color(0xFFf0f2fd),
    100: Color(0xFFe0e5fb),
    200: Color(0xFFc2cbf7),
    300: Color(0xFFa3b2f2),
    400: Color(0xFF8598ee),
    500: Color(0xFF667eea),
    600: Color(0xFF667eea),
    700: Color(0xFF667eea),
    800: Color(0xFF667eea),
    900: Color(0xFF667eea),
  },
);