Kenny McCormick カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kenny McCormick palette

このパレットを共有する先：

Kenny McCormick カラー パレット PNG 画像

Download kenny mccormick color palette PNG image (landscape)
Download kenny mccormick color palette PNG image (square)

Kenny McCormick カラーパレット CSS

/* CSS */
.color-1 {
color: #eb9305;
}
.color-2 {
color: #f6621e;
}
.color-3 {
color: #d74b04;
}
.color-4 {
color: #a52903;
}
.color-5 {
color: #881b02;
}

/* CSS Variables */
:root {
--color-1: #eb9305;
 --color-2: #f6621e;
 --color-3: #d74b04;
 --color-4: #a52903;
 --color-5: #881b02;
 }

Kenny McCormick の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #eb9305, #f6621e, #d74b04, #a52903, #881b02);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #eb9305, #f6621e, #d74b04, #a52903, #881b02);
}

似たようなカラーパレット

Kenny McCormick color palette created on .