Colours
An extended version of Flutter Colors with more swatches and more flexibility to generate your own custom swatch.
Getting Started
In your flutter project add the dependency:
dependencies:
colour: ^0.0.2
or reference the git repo directly:
dependencies:
colour:
git:
url: git://github.com/salkuadrat/colours.git
Examples
Suppose your brand color is #00aa13
.
Gojek Brand Color [#00aa13]
You can generate your own custom swatch using:
MaterialColor gojekSwatch = Colours.swatch('#00aa13');
It will generate a complete material swatch colors:
-
50 [#e0f5e3]
-
100 [#b2e5b8]
-
200 [#7fd489]
-
300 [#4cc45a]
-
400 [#26b736]
-
500 [#00aa13]
-
600 [#00a311]
-
700 [#00990e]
-
800 [#00900b]
-
900 [#007f06]
You can apply the custom swatch to Theme, or access the individual color directly using:
Color gojek100 = gojekSwatch[100];
Color gojek200 = gojekSwatch[200];
Color gojek300 = gojekSwatch[300];
Color gojek400 = gojekSwatch[400];
Color gojek500 = gojekSwatch[500];
Color gojek600 = gojekSwatch[600];
Color gojek700 = gojekSwatch[700];
Color gojek800 = gojekSwatch[800];
Color gojek900 = gojekSwatch[900];
Custom Pre-Generated Swatches
Class Colours also come with custom pre-generated swatches.
-
Colours.aliceBlue
-
Colours.antiqueWhite
-
Colours.aqua
-
Colours.aquamarine
-
Colours.azure
-
Colours.beige
-
Colours.bisque
-
Colours.blanchedAlmond
-
Colours.blueViolet
-
Colours.burlyWood
-
Colours.burntSienna
-
Colours.cadetBlue
-
Colours.chartReuse
-
Colours.chocolate
-
Colours.coral
-
Colours.cornFlowerBlue
-
Colours.cornSilk
-
Colours.crimson
-
Colours.darkBlue
-
Colours.darkCyan
-
Colours.darkGoldenRod
-
Colours.darkGreen
-
Colours.darkGrey
-
Colours.darkKhaki
-
Colours.darkMagenta
-
Colours.darkOliveGreen
-
Colours.darkOrange
-
Colours.darkOrchid
-
Colours.darkRed
-
Colours.darkSalmon
-
Colours.darkSeagreen
-
Colours.darkSlateBlue
-
Colours.darkSlateGrey
-
Colours.darkTurquoise
-
Colours.darkViolet
-
Colours.deepPink
-
Colours.deepSkyBlue
-
Colours.dimGrey
-
Colours.dodgerBlue
-
Colours.fireBrick
-
Colours.floralWhite
-
Colours.forestGreen
-
Colours.fuchsia
-
Colours.gainsboro
-
Colours.ghostWhite
-
Colours.gold
-
Colours.goldenRod
-
Colours.greenYellow
-
Colours.honeyDew
-
Colours.hotPink
-
Colours.indianRed
-
Colours.ivory
-
Colours.khaki
-
Colours.lavender
-
Colours.lavenderBlush
-
Colours.lawnGreen
-
Colours.lemonChiffon
-
Colours.lightCoral
-
Colours.lightCyan
-
Colours.lightGoldenRodYellow
-
Colours.lightGrey
-
Colours.lightPink
-
Colours.lightSalmon
-
Colours.lightSeaGreen
-
Colours.lightSkyBlue
-
Colours.lightSlateGrey
-
Colours.lightSteelBlue
-
Colours.lightYellow
-
Colours.limeGreen
-
Colours.linen
-
Colours.magenta
-
Colours.maroon
-
Colours.mediumAquamarine
-
Colours.mediumBlue
-
Colours.mediumOrchid
-
Colours.mediumPurple
-
Colours.mediumSeaGreen
-
Colours.mediumSlateBlue
-
Colours.mediumSpringGreen
-
Colours.mediumTurquoise
-
Colours.mediumVioletRed
-
Colours.midnightBlue
-
Colours.mintCream
-
Colours.mistyRose
-
Colours.moccasin
-
Colours.navajoWhite
-
Colours.navy
-
Colours.oldlace
-
Colours.olive
-
Colours.olivedRab
-
Colours.orangeRed
-
Colours.orchid
-
Colours.paleGoldenRod
-
Colours.paleGreen
-
Colours.paleTurquoise
-
Colours.paleVioletRed
-
Colours.papayaWhip
-
Colours.peachPuff
-
Colours.peru
-
Colours.plum
-
Colours.powderBlue
-
Colours.rebeccaPurple
-
Colours.rosyBrown
-
Colours.royalBlue
-
Colours.saddleBrown
-
Colours.salmon
-
Colours.sandyBrown
-
Colours.seaGreen
-
Colours.seaShell
-
Colours.sienna
-
Colours.silver
-
Colours.skyBlue
-
Colours.slateBlue
-
Colours.slateGrey
-
Colours.snow
-
Colours.springGreen
-
Colours.steelBlue
-
Colours.tan
-
Colours.thistle
-
Colours.tomato
-
Colours.turquoise
-
Colours.violet
-
Colours.wheat
-
Colours.whiteSmoke
-
Colours.yellowGreen
Default Color Swatches
Colours also come with default color swatches from class Colors.
-
Colours.red
-
Colours.redAccent
-
Colours.pink
-
Colours.pinkAccent
-
Colours.purple
-
Colours.purpleAccent
-
Colours.deepPurple
-
Colours.deepPurpleAccent
-
Colours.indigo
-
Colours.indigoAccent
-
Colours.blue
-
Colours.blueAccent
-
Colours.lightBlue
-
Colours.lightBlueAccent
-
Colours.cyan
-
Colours.cyanAccent
-
Colours.teal
-
Colours.tealAccent
-
Colours.green
-
Colours.greenAccent
-
Colours.lightGreen
-
Colours.lightGreenAccent
-
Colours.lime
-
Colours.limeAccent
-
Colours.yellow
-
Colours.yellowAccent
-
Colours.amber
-
Colours.amberAccent
-
Colours.orange
-
Colours.orangeAccent
-
Colours.deepOrange
-
Colours.deepOrangeAccent
-
Colours.brown
-
Colours.grey
-
Colours.blueGrey
Also default colors from Colors:
-
Colours.transparent
-
Colours.black
-
Colours.black87
-
Colours.black54
-
Colours.black45
-
Colours.black38
-
Colours.black26
-
Colours.black12
-
Colours.white
-
Colours.white70
-
Colours.white60
-
Colours.white54
-
Colours.white38
-
Colours.white30
-
Colours.white24
-
Colours.white12
-
Colours.white10
Visual Studio Code Extension
You can search and install extension named fluttercolour
to show color preview of Colours.