Генератор на случајни бои
Генерирајте случајни бои или хармонични палети, заклучете ги омилените, копирајте HEX, RGB или HSL кодови и извезете ги како CSS, SCSS, JSON или Tailwind.
Заклучете ги боите што ви се допаѓаат, па генерирајте повторно за да се заменат само другите.
Бои
Како да го користите генераторот на случајни бои
- Поставете Број на бои (од 1 до 20).
- Изберете Режим: - Случајно во опсег ја извлекува секоја боја независно. Стеснете ги опсезите Нијанса (°), Заситеност (%) и Светлина (%) со полињата „од“ и „до“ за да останете во едно семејство на бои, на пример само пастели или само сини. - Хармонична палета (OKLCH) извлекува една случајна основна боја и ги гради другите од хармонија на бои. Изберете Хармонија (Комплементарна, Аналогна, Триадна, Поделена комплементарна, Тетрадна, Квадрат, Монохроматска) или оставете Изненадете ме за различна хармонија секој пат.
- Кликнете Генерирај бои. Секоја картичка ја прикажува бојата со нејзините HEX, RGB и HSL кодови; малите копчиња HEX, RGB и HSL го копираат соодветниот код.
- Кликнете Заклучи на боите што сакате да ги задржите, па повторно Генерирај бои: се менуваат само отклучените бои. Кликнете на копчето повторно за да отклучите боја.
- Изберете формат во Извези како (HEX листа, CSS променливи, SCSS променливи, JSON низа или Tailwind бои) и користете Копирај или Преземи за да го понесете целиот сет.
Како се избираат боите
Во режимот Случајно во опсег нијансата, заситеноста и светлината се извлекуваат рамномерно во опсезите што ги поставувате, па се претвораат од HSL во RGB со истата формула што ја користат прелистувачите за hsl(). Опсегот на нијанса може да го обиколи црвеното: од 330 до 30 дава розова, црвена и портокалова, минувајќи низ 0°. Неколку корисни поставки:
- Пастели: заситеност 40–80%, светлина 75–90%.
- Тмурни, пригушени тонови: заситеност 10–40%, светлина 15–35%.
- Само сини: нијанса 190–250.
- Топли бои: нијанса од 330 до 60.
Во режимот Хармонична палета (OKLCH) алатката работи во OKLCH, перцептивен модел на бои во кој еднакви скалила на светлина изгледаат еднакви за окото. Првата заклучена боја се користи како основа; ако ништо не е заклучено, се извлекува случајна основа со средна светлина и доста заситена. Другите бои ги земаат аглите на нијанса на хармонијата (на пример +120° и +240° за триадна), со мала случајна варијација на нијансата, светлината и хроматичноста, па секој клик дава нов резултат. Кога барате повеќе бои отколку што хармонијата има нијанси, дополнителните бои ги повторуваат аглите со посветли и потемни варијанти. Монохроматската задржува една нијанса и ја распоредува светлината од темно до светло.
Боите што излегуваат од она што може да го прикаже sRGB екран се враќаат со намалување на хроматичноста, па секој HEX код што го копирате е вистинска боја што може да се прикаже.
Каде помагаат случајните бои
Случајните бои се практични за привремени аватари и графикони, тест-податоци, генеративна уметност, истражување на дизајн кога сте заглавени пред празна страница или избор на боја за проект, тим во игра или етикета. Заклучувањето ви овозможува да го користите како автомат: задржете што функционира, завртете го остатокот. Случајноста доаѓа од криптографскиот генератор на вашиот прелистувач, а ништо не се испраќа никаде.
Често поставувани прашања
Како да добијам случаен HEX код на боја?
Поставете Број на бои на 1 и кликнете Генерирај бои, па кликнете на копчето HEX за да го копирате кодот, на пример #3A7BD5.
Може ли да задржам некои бои и да ги генерирам другите повторно?
Да. Кликнете Заклучи на секоја боја што се задржува, па кликнете Генерирај бои. Заклучените бои остануваат на место; во режим на хармонија првата заклучена боја станува и основа на новата палета.
Зошто да го користам режимот на хармонија OKLCH наместо чисто случајни бои?
Чисто случајните бои често се судираат или имаат многу различна визуелна тежина. Градењето палета од хармонија во OKLCH дава бои што си припаѓаат и имаат избалансирана осветленост, што ги прави полесни за употреба во дизајн.
Што содржат форматите за извоз?
HEX листа дава по еден код во ред, CSS и SCSS променливи даваат декларации --color-1 или $color-1, JSON низа дава листа од кодови, а Tailwind бои дава објект colors со клучеви 100, 200… за вашата конфигурација.
Дали боите се навистина случајни?
Доаѓаат од crypto.getRandomValues, криптографски безбедниот генератор на прелистувачот, па ниту една шема не се повторува меѓу кликовите.
Поврзани алатки
- Генератор на палета на бои Генерирајте палети на бои од една основна боја според правилата на хармонија: комплементарна, аналогна, триадна, тетрадна, квадратна и монохроматска.
- Претворач на бои Претворете боја меѓу HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH и OKLCH. Залепете код, видете ја бојата и копирајте го секој формат со еден клик.
- Избирач на боја Бесплатен онлајн избирач на боја. Изберете која било боја и веднаш копирајте ги нејзините HEX, RGB, HSL, HSV и CMYK кодови со контраст спрема бела и црна.
- Генератор на случајни броеви Генерирајте случајни броеви во кој било опсег, од 1 до 10 000 одеднаш, како цели или децимални, со или без дупликати, со безбедна случајност во прелистувачот.