Бесплатен Генератор на палета на бои

Како функционира

Алатката е изградена без надворешни библиотеки — целата математика на бои работи во рачно напишан JavaScript директно во вашиот прелистувач. Ја конвертира вашата избрана боја помеѓу хекс и HSL, потоа применува класични правила за хармонија на бои (комплементарна, тријадична, аналогна итн.) преку аритметика на тркалото на нијанси за да произведе секоја палета.

1. 1
   Конверзија хекс-во-HSL

   Кога избирате боја, алатката ја парсира хекс низата во RGB компоненти и ги конвертира во HSL (нијанса, заситеност, осветленост). Нијансата е позицијата 0–360 степени на тркалото на бои; сета математика за палети се случува во овој простор.
2. 2
   Аритметика на нијанси за хармонија

   Секој тип палета е фиксна формула на ротација применета на основната нијанса. Комплементарната додава 180°, тријадичната додава 120° и 240°, тетрадичната чекори по 90°, разделена-комплементарна користи 150° и 210°. Монохроматската и нијансите ги задржуваат нијансата и заситеноста постојани додека ја чекорат осветленоста нагоре и надолу.
3. 3
   Излез HSL-во-хекс

   Секоја пресметана HSL тројка се конвертира назад во хекс боја користејќи ја стандардната формула за хрома. Резултатите се прикажуваат како лента од бои со автоматски контрастирани ознаки (темен текст на светли полиња, светол текст на темни) одредени со едноставен праг на луминозност.
4. 4
   Извезете во вашиот претпочитан формат

   Палетата може да се копира како хекс низи или да се извезе како датотека со CSS променливи (:root { --color-1: … }), SCSS променливи, испечаток на Tailwind конфигурација, JSON објект, или PNG лента со бои. PNG извозот ја користи Canvas API на прелистувачот (toDataURL) за да го исцрта секое поле со неговата хекс ознака — сè се генерира локално со кликнување.

Поврзани алатки