颜色

/ 前端 / CSS / 颜色

HLSA

HLSA(20, 40%, 50%, 1 )

色相 亮度 饱和度 透明度

HSL Color Picker

A Most Excellent Created for your enjoyment, by Brandon Mathis HSL Color Picker adores modern browsers. © 2012 Brandon Mathis What's HSL? Source HSL (Hue, Saturation, Luminosity) allows us to describe meaningful relationships between colors. Give this brown color, hsl(36, 73%, 10%), it's clear that if we desaturate 40 steps and lighten 70 steps we get hsl(36, 33%, 80%), a cream color.

https://www.hslpicker.com/#ff1414,0.54

color: #ff8a8a;

background-color: #d65a50;

border: 1px solid #f9a7a7;

.number-wrapper{
    background-color: #e2e7bf;
    /* background-color: #695e45; */
    /* background-color: #e6d2d5; */
    /* background-color: #fbda41; */
    color: #695e45;
    border-radius: 4px;
    padding: 0 6px;
}

Material Palette - Material Design Colors

Choose your favorite colors and get your Material Design palette generated and downloadable.

https://www.materialpalette.com/colors

Green HEX color code | flatuicolorpicker : Best Flat Colors UI Design

In flatuicolorpicker you can select the best color for your next project in flat design. Choose the green HEX color code to use it for web design

https://www.flatuicolorpicker.com/green-hex-color-model/

自动生成颜色

Coolors.co

View and edit this palette on Coolors.co or create your own color schemes.

https://coolors.co/c5d86d-261c15-f7f7f2-e4e6c3-f05d23

收集各大公司的配色

BrandColors

The biggest collection of official brand color codes around. Includes hex colors codes for 500+ brands including Facebook, Twitter, Instagram, and many more.

http://brandcolors.net/

调色盘

Paletton - The Color Scheme Designer

In love with colors, since 2002. Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades.

https://paletton.com/#uid=11s0u0knMlzaFw0mvRwcT6cFl8M

目录CONTENT

颜色

评论区