Тавлидкунандаи палитраи ранг-и ройгон

Чӣ тавр он кор мекунад

Абзор бо сифр китобхонаи берунӣ сохта шудааст — тамоми математикаи ранг рамзи дастнависи JavaScript бевосита дар браузери шумо кор мекунад. Он ранги интихобии шуморо байни шонздаҳӣ ва HSL табдил медиҳад, сипас қоидаҳои классикии назарияи ранг (мукаммал, секунҷа, аналогӣ ва ғ.)-ро тавассути арифметика дар чархи рангсоя татбиқ мекунад, то ҳар палитраро тавлид кунад.

1. 1
   Табдили шонздаҳӣ ба HSL

   Вақте ки рангеро интихоб мекунед, абзор сатри шонздаҳиро ба ҷузъҳои RGB таҳлил карда, ба HSL (рангсоя, серрангӣ, равшанӣ) табдил медиҳад. Рангсоя мавқеи 0–360 дараҷа дар чархи ранг аст; тамоми математикаи палитра дар ин фазо рух медиҳад.
2. 2
   Арифметикаи рангсоя барои ҳамоҳангӣ

   Ҳар навъи палитра формулаи гардиши собите аст, ки ба рангсояи асосӣ татбиқ мешавад. Мукаммал 180° илова мекунад, секунҷа 120° ва 240° илова мекунад, чорсунҷа бо 90° қадам мезанад, split-мукаммал 150° ва 210°-ро истифода мебарад. Монохроматӣ ва рангсояҳо рангсоя ва серрангиро собит нигоҳ медоранд, дар ҳоле ки равшаниро боло ва поён қадам мезананд.
3. 3
   Натиҷаи HSL-ба-шонздаҳӣ

   Ҳар сегонаи HSL-и ҳисобшуда бо формулаи стандартии хрома ба ранги шонздаҳӣ баргардонида мешавад. Натиҷаҳо ҳамчун навори ранг бо тамғаҳои худкор-контрасти (матни торик дар намунаҳои равшан, матни равшан дар торик) намоён мешаванд, ки бо ҳадди содаи равшанӣ муайян карда мешавад.
4. 4
   Дар формати интихобии худ содир кунед

   Палитраро метавон ҳамчун сатрҳои шонздаҳӣ нусхабардорӣ кард ё ҳамчун файли тағйирёбандаҳои CSS (:root { --color-1: … }), тағйирёбандаҳои SCSS, порчаи танзими Tailwind, объекти JSON ё навори рангии PNG содир кард. Содироти PNG API-и Canvas-и браузерро (toDataURL) истифода мебарад, то ҳар намунаро бо тамғаи шонздаҳиаш бикашад — ҳама чиз маҳаллӣ дар зер задан тавлид мешавад.

Абзорҳои марбут