CSS генератор градијента
Направите поновљиву скалу боја, прегледајте сваку генерисану тачку и копирајте тачан HEX низ за CSS, графиконе или дизајн токене. Обрада се обавља локално у…
Почните да користите
Шта вам овај алат помаже да урадите
Направите поновљиву скалу боја, прегледајте сваку генерисану тачку и копирајте тачан HEX низ за CSS, графиконе или дизајн токене.
Пример рада
#2563EB → #EC4899, 5 боја
#2563EB, #584EC0, #8A39A2, #BB2585, #EC4899
Како се добија резултат
Свака међубоја се ствара линеарном интерполацијом црвеног, зеленог и плавог канала. Крајње тачке се задржавају, а остале боје се постављају на једнаке интервале.
Корисни токови рада
- Направите уређене боје за графиконе или скале за топлотне мапе
- Направите боје за прелаз и стања између два дизајн токена
- Произведите компактну палету за позадински градијент
Важна ограничења
- RGB интерполација може изгледати тамније или блатњавије између неких комплементарних боја.
- Глатка палета није аутоматски приступачна за далтонисте.
- Овај генератор производи равномерно распоређене RGB боје; не тврди перцептивну уједначеност.
Честа питања
Зашто средња тачка може изгледати сиво или блатњаво?
Супротни RGB канали могу се усредсредити ка неутралној боји. Додајте одговарајућу средњу боју у CSS радном току са више тачака када је визуелна живост важна.
Колико боја треба да генеришем?
Користите најмањи број који одговара различитим стањима или групама података које вам требају; непрекидне позадине могу користити више корака.
Обрада се обавља локално у прегледачу.