DevBox Tools logoDevBox Tools

Кездейсоқ түс генераторы

HEX, RGB және HSL форматтарында кездейсоқ түстер генераторы. Бір немесе бірнеше түсті визуалды алдын ала қараумен және ыңғайлы көшірумен алыңыз.

Кездейсоқ түс

Алдын ала қарау

Black Text
Shadow
White Text
Shadow

Түс кодтары

HEX
#C5ECE5
RGB
rgb(197, 236, 229)
HSL
hsl(169, 51%, 85%)

Түс градиенті

%HEXRGBHSL
100%
#ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)
95%
#f9fdfcrgb(249, 253, 252)hsl(165, 50%, 98%)
90%
#f3fbfargb(243, 251, 250)hsl(173, 50%, 97%)
85%
#eef9f7rgb(238, 249, 247)hsl(169, 48%, 95%)
80%
#e8f7f5rgb(232, 247, 245)hsl(172, 48%, 94%)
75%
#e2f6f2rgb(226, 246, 242)hsl(168, 53%, 93%)
70%
#dcf4efrgb(220, 244, 239)hsl(167, 52%, 91%)
65%
#d6f2edrgb(214, 242, 237)hsl(169, 52%, 89%)
60%
#d1f0eargb(209, 240, 234)hsl(168, 51%, 88%)
55%
#cbeee8rgb(203, 238, 232)hsl(170, 51%, 86%)
50%
#c5ece5rgb(197, 236, 229)hsl(169, 51%, 85%)
45%
#b1d4cergb(177, 212, 206)hsl(170, 29%, 76%)
40%
#9ebdb7rgb(158, 189, 183)hsl(168, 19%, 68%)
35%
#8aa5a0rgb(138, 165, 160)hsl(169, 13%, 59%)
30%
#768e89rgb(118, 142, 137)hsl(167, 10%, 51%)
25%
#637673rgb(99, 118, 115)hsl(171, 9%, 43%)
20%
#4f5e5crgb(79, 94, 92)hsl(172, 9%, 34%)
15%
#3b4745rgb(59, 71, 69)hsl(170, 9%, 25%)
10%
#272f2ergb(39, 47, 46)hsl(172, 9%, 17%)
5%
#141817rgb(20, 24, 23)hsl(165, 9%, 9%)
0%
#000000rgb(0, 0, 0)hsl(0, 0%, 0%)
Ұқсас құралдарды зерттеу
Қолдау DevBox Tools ❤️

"Кездейсоқ түс генераторы" құралының мүмкіндіктері

Әртүрлі форматтағы түстер генерациясы

HEX (#FFFFFF), RGB (rgb(255, 255, 255)) және HSL (hsl(0, 0%, 100%)) форматтарында кездейсоқ түстер жасайды, альфа-арна қолдауымен.

Түстердің вариацияларын жасау

Таңдалған түстің ашық және қою нұсқаларын жасайды, 0%-дан 100%-ға дейінгі пайыздық өзгерістерді көрсетеді, үйлесімді түстер схемасын жасауға мүмкіндік береді.

100-ге дейін топтық генерация

100-ге дейін түсті бір уақытта генерациялауға және қайталануды болдырмауға мүмкіндік береді, бұл үлкен түстер палитрасын жасауға ыңғайлы.

Құрал сипаттамасы

alien

Кездейсоқ түстер генераторы дизайнерлерге, әзірлеушілерге және суретшілерге арналған әртүрлі форматтағы (HEX, RGB, HSL) кездейсоқ түстер жасайды. Бұл түстер палитрасын жасауға, дизайнды тестілеуге және жобаларға шабыт алуға пайдалы.

Құрал түстерді HEX, RGB және HSL форматтарында генерациялауды, сондай-ақ таңдалған түстің ашық және қою нұсқаларын жасауды қолдайды. 100-ге дейін түсті бір уақытта генерациялауға және қайталануды болдырмауға болады.

Веб-дизайнерлерге, графикалық дизайнерлерге, әзірлеушілерге және жобаларында түстермен жұмыс істейтін кез келген адамға өте қолайлы. Генерацияланған түстерді CSS-те, дизайн бағдарламаларында және веб-әзірлеуде қолдануға болады.

Жиі қойылатын сұрақтар (FAQ)

Кездейсоқ түс генераторы дизайнерлер, әзірлеушілер және суретшілер үшін әртүрлі пішімдерде (HEX, RGB, HSL) кездейсоқ түстерді жасайды. Бұл түс палитраларын жасау, дизайнды тестілеу және жобалар үшін шабыт алу үшін пайдалы.

Генератор HEX (#FFFFFF), RGB (rgb(255, 255, 255)), HSL (hsl(0, 0%, 100%)) пішімдерін, сондай-ақ мөлдірлік үшін альфа-арнасы бар нұсқаларды қолдайды.

Иә, генератор таңдалған түстің ашық және қараңғы нұсқаларын жасай алады, бұл 0%-дан 100%-ға дейінгі пайыздық өзгерісті көрсетеді. Бұл үйлесімді түс схемаларын жасауға көмектеседі.

Генератор бір уақытта 100-ге дейін түс жасай алады. Сіз түстер санын, пішімін және қайталауды болдырмау опциясын таңдай аласыз.

Жасалған түстерді алмасу буферіне көшіріп, оларды CSS-те, дизайн бағдарламаларында, веб-әзірлеуде және түстік шешімдерді қажет ететін кез келген жобада пайдалануға болады.

RGB (қызыл, жасыл, көк) түсті қызыл, жасыл және көк түстердің қарқындылығымен анықтайды. HSL (түс реңкі, қанықтылық, жарықтық) түсті реңкі (түс), қанықтылық (түс қарқындылығы) және жарықтық (жарықтық) арқылы анықтайды. HSL түс таңдауда адамдар үшін интуитивтірек болып келеді.

Иә, әртүрлі жобаларда ыңғайлы жұмыс істеу үшін HEX, RGB және HSL пішімдері арасында лезде ауысуға болады.

RGBA немесе HSLA сияқты пішімдердегі альфа-арна (A) түстің мөлдірсіздігін немесе мөлдірлігін білдіреді. 1 мәні (немесе 100%) толық мөлдірсіздікті білдіреді, ал 0 толық мөлдірлікті білдіреді. Бұл қабаттар мен мөлдірлік эффектілері бар дизайн элементтері үшін маңызды.

Бұл құралды бағалаңыз
4.5(25 қолданушылар бағалады)