Акысыз Түс палитрасы генератору

Бул кантип иштейт

Курал нөл тышкы китепкана менен курулган — бардык түс математикасы кол менен жазылган 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) колдонот — баары басканда жергиликтүү жаралат.

Байланыштуу куралдар