from_css_color 1.1.0 copy "from_css_color: ^1.1.0" to clipboard
from_css_color: ^1.1.0 copied to clipboard

outdated

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

example/from_css_color.dart

import 'package:flutter/rendering.dart';
import 'package:from_css_color/from_css_color.dart';

// create Color from hex
var hex = fromCSSColor('#fbafba'); // Color(0xFFFBAFBA)
var hexShort = fromCSSColor('#fba'); // Color(0xFFFFBBAA)
var hexAlpha = fromCSSColor('#fbafbafa'); // Color(0xFAFBAFBA)
var hexAlphaShort = fromCSSColor('#fbaa'); // Color(0xAAFFBBAA)

// or from rgb
var rgb = fromCSSColor('rgb(100, 5, 32)'); // Color(0xFF640520)
var rgbWithPercents = fromCSSColor('rgb(110%, 0%, 0%)'); //Color(0xFFFF0000)
var rgba = fromCSSColor('rgb(110%, 0%, 0%, 0.5)'); //Color(0x7FFF0000)

// or from hsl
var hsl = fromCSSColor('hsl(100,50%,10%)'); // Color(0xFF15260C)
var hsla = fromCSSColor('hsla(-120,100%,50%, .5)'); // Color(0x7F0000FF)

// and a list of X11 keywords is supported
var navy = fromCSSColor('navy'); // Color(0xFF000080)
var violet = fromCSSColor('violet'); // Color(0xFFEE82EE)
var transparent = fromCSSColor('transparent'); // Color(0x00000000)

// convert Color to CSS string
var hexCss = Color(0xFFFBAFBA).toCssString(); // '#fbafba'
var hexShortCss = Color(0xFFBBAAFF).toCssString(); // '#baf'
var hexWithAlphaCss = Color(0xEFFFBBAA).toCssString(); // '#ffbbaaef'
var rgbCss = Color(0xFFFFFFFF)
    .toCssString(format: CssColorString.rgb); // 'rgb(255,255,255)'
var rgbaCss = Color(0x7FFFFFFF)
    .toCssString(format: CssColorString.rgb); // 'rgba(255,255,255,0.5)'
22
likes
0
pub points
100%
popularity

Publisher

unverified uploader

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

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on from_css_color