elm flat colors

Elm의 플랫 UI 색상 팔레트

이 라이브러리는 ELM UI, ELM/HTML 및 기타 라이브러리와 함께 사용할 수있는 280 개의 플랫 UI 색상을 모두 노출시킵니다.

크레딧

이 라이브러리는 평평한 UI 색상을 기반으로하며 최신 컬러 팔레트는 웹 사이트를 확인하십시오.

Flat UI 색상은 Asteya Network에 의해 제공되며 사람들의 생산성을위한 간단한 도구를 구축합니다.

설치

 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 팔레트

프랑스 팔레트

독일 팔레트

인도 팔레트

러시아 팔레트

스페인 팔레트

스웨덴 팔레트

터키 팔레트