Skip to content

Mobile

Flutter Colors

Flutter Color uses 32-bit ARGB. Prefer const constructors for compile-time literals and ThemeData for Material 3 roles. Spec reference: Documentation.

Open color converter →

Starter template

const brand500 = Color(0xFF7C3AED);

ThemeData(
  colorSchemeSeed: brand500,
);

Color samples

FAQ

Why Color(0xFF7C3AED) instead of #7C3AED?

Flutter expects a 32-bit ARGB integer. The leading 0xFF is full opacity; swap bytes only when you mean a different alpha.

Material 3 seed vs hard-coded Color?

colorSchemeSeed generates harmonious roles. Hard-coded Color literals are fine for brand locks that must not shift.

Can I copy the syntax chips?

Yes — click the secondary chip to copy platform syntax. HEX and RGB chips copy sRGB values for mockups, design handoff, and ChromaXP tools.

Are RGB and CMYK print-ready?

RGB and CMYK here are computed from HEX for quick reference. For ink and paper, re-check against your print profile or Pantone bridge.