Rolex カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rolex palette

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

Rolex カラー パレット PNG 画像

Download rolex color palette PNG image (landscape)
Download rolex color palette PNG image (square)

Rolex カラーパレット CSS

/* CSS */
.color-1 {
color: #00947b;
}
.color-2 {
color: #00b398;
}
.color-3 {
color: #00d1b2;
}
.color-4 {
color: #00e6c3;
}
.color-5 {
color: #00ffdd;
}

/* CSS Variables */
:root {
--color-1: #00947b;
 --color-2: #00b398;
 --color-3: #00d1b2;
 --color-4: #00e6c3;
 --color-5: #00ffdd;
 }

Rolex の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00947b, #00b398, #00d1b2, #00e6c3, #00ffdd);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00947b, #00b398, #00d1b2, #00e6c3, #00ffdd);
}

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

下にスクロールして10個のラグジュアリーカラーパレットを探索しましょう

Rolex color palette created on .