elm flat colors

エルム用のフラットUIカラーパレット

このライブラリは、ELM UI、ELM/HTML、およびその他のライブラリで使用する280のフラットUI色すべてを公開します。

クレジット

このライブラリは、フラットUIの色に基づいており、最新のカラーパレットについてはWebサイトを確認してください。

平らなUIの色がAsteyaネットワークによってもたらされ、人々の生産性のためのシンプルなツールを構築します。

インストール

 elm install smucode/elm-flat-colors

ELM UIで使用します

 import FlatColors.AmericanPalette as FlatColors

view : Element msg
view =
    el [ Background . color FlatColors . sourLemon ]
        <| text " Sour Lemon " 

ELM/HTMLで使用します

 import FlatColors.AmericanPalette as FlatColors

view : Html msg
view =
    div [ style " background-color " FlatColors . sourLemonHex ]
        [ text " Sour Lemon " ] 

AVH4/色で使用します

 import FlatColors.AmericanPalette as FlatColors

color : Color
color =
    let
        { red , green , blue } =
            FlatColors . sourLemonRgb
    in
    Color . rgb255 red green blue

カラーリストを使用します

 import FlatColors.AmericanPalette as FlatColors

cssGradient : String
cssGradient =
    let
        colors =
            String . join " , " FlatColors . allHex
    in
    " linear-gradient( " ++ colors ++ " ) " 

アメリカのパレット

オーストラリアのパレット

イギリスのパレット

カナダのパレット

中国のパレット

オランダのパレット

フラットUIパレット

フレンチパレット

ドイツのパレット

インドのパレット

ロシアのパレット

スペインのパレット

スウェーデンのパレット

トルコのパレット