Jenereta ya Palette ya Rangi bila malipo

Jinsi Inavyofanya Kazi

Kifaa kimejengwa bila maktaba za nje kabisa — hesabu zote za rangi zinafanya kazi kwa JavaScript iliyoandikwa mwenyewe moja kwa moja kwenye kivinjari chako. Kinabadilisha rangi uliyochagua kati ya hex na HSL, kisha kutumia kanuni za jadi za mchanganyiko wa nadharia ya rangi (inayosaidiana, tatu, inayolingana, n.k.) kupitia hesabu kwenye gurudumu la rangi kutoa kila mchanganyiko wa rangi.

1. 1
   Ubadilishaji wa hex-kwenda-HSL

   Unapochagua rangi, kifaa kinachambua mfuatano wa hex kuwa vipengele vya RGB na kuvibadilisha kuwa HSL (hue, saturation, lightness). Hue ni nafasi ya digrii 0–360 kwenye gurudumu la rangi; hesabu zote za mchanganyiko wa rangi zinafanyika kwenye nafasi hii.
2. 2
   Hesabu ya hue kwa mchanganyiko

   Kila aina ya mchanganyiko wa rangi ni fomula thabiti ya mzunguko inayotumika kwenye hue ya msingi. Inayosaidiana inaongeza 180°, tatu inaongeza 120° na 240°, nne inasogea kwa 90°, inayosaidiana-iliyogawanywa inatumia 150° na 210°. Monochromatic na vivuli vinaweka hue na saturation thabiti huku vikisogeza mwanga juu na chini.
3. 3
   Matokeo ya HSL-kwenda-hex

   Kila kipande cha HSL kilichohesabiwa kinabadilishwa kurudi kuwa rangi ya hex kwa kutumia fomula ya kawaida ya chroma. Matokeo yanaonyeshwa kama ukanda wa rangi wenye lebo za mkanganyiko-otomatiki (maandishi meusi kwenye vivuli vyepesi, maandishi mepesi kwenye vyeusi) yaliyoamuliwa na kikomo rahisi cha mwangaza.
4. 4
   Toa kwa muundo unaopendelea

   Mchanganyiko wa rangi unaweza kunakiliwa kama mifuatano ya hex au kutolewa kama faili la vigezo vya CSS (:root { --color-1: … }), vigezo vya SCSS, kipande cha usanidi wa Tailwind, kitu cha JSON, au ukanda wa rangi wa PNG. Utoaji wa PNG unatumia Canvas API ya kivinjari (toDataURL) kuchora kila kivuli na lebo yake ya hex — kila kitu kinazalishwa ndani ya kivinjari unapobofya.

Zana Zinazohusiana