Генератор RGB градијентних палета
Направите поновљиву скалу боја, прегледајте сваку генерисану тачку и копирајте тачан HEX низ за CSS, графиконе или дизајн токене.
Почните да користите
Генератор RGB градијентних палета
Направите поновљиву скалу боја, прегледајте сваку генерисану тачку и копирајте тачан HEX низ за CSS, графиконе или дизајн токене.
Шта вам овај алат помаже да урадите
Направите поновљиву скалу боја, прегледајте сваку генерисану тачку и копирајте тачан HEX низ за CSS, графиконе или дизајн токене.
Пример рада
#2563EB → #EC4899, 5 боја
#2563EB, #575CD7, #8956C2, #BA4FAE, #EC4899
Како се добија резултат
Свака међубоја се ствара линеарном интерполацијом црвеног, зеленог и плавог канала. Крајње тачке се задржавају, а остале боје се постављају на једнаке интервале.
Корисни токови рада
- Направите уређене боје за графиконе или скале за топлотне мапе
- Направите боје за прелаз и стања између два дизајн токена
- Произведите компактну палету за позадински градијент
Важна ограничења
- RGB интерполација може изгледати тамније или блатњавије између неких комплементарних боја.
- Глатка палета није аутоматски приступачна за далтонисте.
- Овај генератор производи равномерно распоређене RGB боје; не тврди перцептивну уједначеност.
Честа питања
Зашто средња тачка може изгледати сиво или блатњаво?
Супротни RGB канали могу се усредсредити ка неутралној боји. Додајте одговарајућу средњу боју у CSS радном току са више тачака када је визуелна живост важна.
Колико боја треба да генеришем?
Користите најмањи број који одговара различитим стањима или групама података које вам требају; непрекидне позадине могу користити више корака.
Број обухвата оба крајња цвета и подразумевано је 10. Разломљени део се одбацује, а број ограничава на 2–100. Панели нуде HEX, RGB, HSV и HSL, али интерполација увек користи кодиране RGB канале и заокружује на целе бројеве. Смер прегледа је фиксиран на 90°. Нема додатних тачака, алфе или избора простора боја. Излаз је један HEX по реду, без CSS кода или преузимања слике.
Обрада се обавља локално у прегледачу.