6
510
Generirana paleta
#085E57
RGB 8, 94, 87
HSL 175°, 84%, 20%
#0B8379
RGB 11, 131, 121
HSL 175°, 85%, 28%
#0FA99C
RGB 15, 169, 156
HSL 175°, 84%, 36%
#5E080F
RGB 94, 8, 15
HSL 355°, 84%, 20%
#830B15
RGB 131, 11, 21
HSL 355°, 85%, 28%
#A90F1C
RGB 169, 15, 28
HSL 355°, 84%, 36%
WCAG kontrast provjera
Primjer teksta na pozadini
Ovako će izgledati tekst sa odabranim kombinacijom boja.
1.65:1Ne zadovoljava
Export opcije
Export as CSS Variables
:root {
--color-1: #085E57;
--color-2: #0B8379;
--color-3: #0FA99C;
--color-4: #5E080F;
--color-5: #830B15;
--color-6: #A90F1C;
}Export as SCSS Variables
$color-1: #085E57; $color-2: #0B8379; $color-3: #0FA99C; $color-4: #5E080F; $color-5: #830B15; $color-6: #A90F1C;
Export as Tailwind Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
1: '#085e57',
2: '#0b8379',
3: '#0fa99c',
4: '#5e080f',
5: '#830b15',
6: '#a90f1c',
},
},
},
},
};Pregled UI komponenti
Naslov stranice
Ovo je primjer paragrafa teksta koji koristi boje iz generirane palete. Dizajn je moderan i čitljiv.