Bepul Rang Palitrasi Generatori

Qanday ishlaydi

Asbob nol tashqi kutubxona bilan qurilgan — barcha rang matematikasi to'g'ridan-to'g'ri brauzeringizda qo'lda yozilgan JavaScript'da ishlaydi. U tanlagan rangingizni olti burchakli va HSL orasida o'giradi, so'ng har bir palitrani ishlab chiqarish uchun rang g'ildiragidagi arifmetika orqali klassik rang nazariyasi garmoniya qoidalarini (to'ldiruvchi, uch tomonlama, o'xshash va h.k.) qo'llaydi.

1. 1
   Olti burchaklidan HSL ga o'girish

   Rang tanlaganingizda, asbob olti burchakli satrni RGB komponentlariga tahlil qiladi va ularni HSL (rang, to'yinganlik, yorqinlik) ga o'giradi. Rang — rang g'ildiragidagi 0–360 darajali holat; palitra matematikasining hammasi shu fazoda sodir bo'ladi.
2. 2
   Garmoniya uchun rang arifmetikasi

   Har bir palitra turi asosiy rangga qo'llaniladigan qat'iy aylanish formulasi. To'ldiruvchi 180° qo'shadi, uch tomonlama 120° va 240° qo'shadi, to'rt tomonlama 90° qadamlaydi, bo'lingan-to'ldiruvchi 150° va 210° dan foydalanadi. Monoxrom va soyalar rang va to'yinganlikni doimiy saqlab, yorqinlikni yuqori va pastga qadamlaydi.
3. 3
   HSL dan olti burchakli chiqish

   Har bir hisoblangan HSL uchligi standart xroma formulasi yordamida qaytadan olti burchakli rangga o'giriladi. Natijalar avto-kontrast belgilar (yorug' namunalarda qorong'i matn, qorong'i namunalarda yorug' matn) bilan rang chizig'i sifatida ko'rsatiladi, bu oddiy yorug'lik chegarasi bilan aniqlanadi.
4. 4
   Xohlagan formatda eksport qiling

   Palitrani olti burchakli satrlar sifatida nusxalash yoki CSS o'zgaruvchilar fayli (:root { --color-1: … }), SCSS o'zgaruvchilari, Tailwind konfiguratsiya bo'lagi, JSON obyekti yoki PNG rang chizig'i sifatida eksport qilish mumkin. PNG eksporti har bir namunani olti burchakli belgisi bilan chizish uchun brauzerning Canvas API'sidan (toDataURL) foydalanadi — hammasi bosishda mahalliy yaratiladi.

Tegishli asboblar