Teknobench
Kategoriji ▾
Lingwa: mt ▾

Ġeneratur tal-paletta tal-kuluri

Iġġenera palettes tal-kuluri minn kulur bażi wieħed bir-regoli tal-armonija: komplementari, analogu, triadiku, tetradiku, kwadru u monokromatiku.

Paletta

    Kif tuża l-ġeneratur tal-paletta tal-kuluri

    1. Agħżel Kulur bażi bil-kampjun tal-kulur, jew ikteb kwalunkwe kodiċi f’Kodiċi tal-kulur bażi (#4F46E5, rgb(79 70 229), hsl(243 75% 59%), isem CSS…).
    2. Agħżel Armonija: Komplementari, Analogu, Triadiku, Komplementari maqsum, Tetradiku (rettangolu), Kwadru jew Monokromatiku.
    3. Agħżel Rota tal-kuluri: HSL (klassika) jew OKLCH (perċettwali). Il-paletta tinbidel kif tbiddel kwalunkwe għażla; Iġġenera paletta terġa’ tiġġeddedha wkoll.
    4. Ikkopja kulur wieħed bil-buttuna Ikkopja taħt il-kampjun tiegħu, jew agħżel format f’Esporta bħala (Lista HEX, Varjabbli CSS, Varjabbli SCSS, Array JSON jew Kuluri Tailwind) u uża Ikkopja jew Niżżel għall-paletta kollha.

    Kull kampjun juri l-kodiċi HEX tiegħu f’iswed jew abjad, skont liema għandu kuntrast aħjar, u l-pożizzjoni tiegħu relattiva għall-kulur bażi (per eżempju +120°).

    L-armoniji tal-kuluri

    L-armoniji tal-kuluri huma angoli fissi fuq ir-rota tal-kuluri. Mit-tonalità tal-bażi tiegħek, l-għodda ddawwar it-tonalità u żżomm is-saturazzjoni u d-dawl tal-bażi.

    • Komplementari (0°, 180°): il-kulur opost. Kuntrast massimu, tajjeb għal buttuna ta’ call-to-action kontra kulur ewlieni tal-brand.
    • Analogu (−60°, −30°, 0°, +30°, +60°): ġirien fuq ir-rota. Taħlitiet kalmi u naturali li jaħdmu tajjeb għall-isfondi u l-illustrazzjonijiet.
    • Triadiku (0°, 120°, 240°): tliet tonalitajiet imqassma b’mod indaqs. Ħajjin u bilanċjati; ġeneralment kulur wieħed jiddomina u ż-żewġ oħrajn huma aċċenti.
    • Komplementari maqsum (0°, 150°, 210°): iż-żewġ ġirien tal-kulur komplementari. Kuntrast qawwi b’inqas tensjoni minn par komplementari pur.
    • Tetradiku (rettangolu) (0°, 60°, 180°, 240°): żewġ pari komplementari. Palettes għonja li jeħtieġu kulur dominanti wieħed biex jibqgħu koerenti.
    • Kwadru (0°, 90°, 180°, 270°): erba’ tonalitajiet imqassma b’mod indaqs.
    • Monokromatiku: tonalità waħda f’ħames passi ta’ dawl, minn skur għal ċar. Ideali għal stati tal-UI, charts u disinji sottili.

    Rota HSL jew OKLCH?

    Ir-rota HSL (klassika) hija t-tradizzjonali, użata mill-biċċa l-kbira tal-għodod tad-disinn u t-tutorials. L-iżvantaġġ tagħha huwa li angoli indaqs ma jidhrux bl-istess qawwa: isfar f’60° jidher ħafna iktar ċar minn blu f’240° bl-istess dawl HSL.

    Ir-rota OKLCH (perċettwali) iddawwar it-tonalità fil-mudell tal-kuluri Oklab, iddisinjat biex id-dawl jidher konsistenti. Il-palettes mibnija fuqu għandhom kuluri b’piż viżiv simili, u dan jgħin il-kuntrast aċċessibbli. Xi kuluri mdawrin jistgħu jaqgħu barra minn dak li skrin jista’ juri; l-għodda mbagħad tbaxxi ftit il-kroma tagħhom biex jibqgħu jistgħu jintwerew.

    L-użu tal-paletta esportata

    Varjabbli CSS jipproduċu blokk :root b’--color-1, --color-2… li tista’ twaħħal fi stylesheet. Varjabbli SCSS jagħtu linji $color-1: …;, Array JSON jagħti lista ta’ strings HEX għal scripts, u Kuluri Tailwind jagħti oġġett colors b’ċwievet 100, 200, 300… biex twaħħal fil-konfigurazzjoni ta’ Tailwind tiegħek.

    Qabel tippubblika, iċċekkja l-kuntrast tat-test: armonija tiggarantixxi tonalitajiet pjaċevoli, mhux test li jinqara. Uża newtrali skuri jew ċari għat-test tal-ġisem u żomm il-kuluri saturati tal-paletta għall-aċċenti, il-buttuni u l-grafika.

    Mistoqsijiet frekwenti

    X’inhu kulur komplementari?

    Huwa l-kulur direttament opposta fuq ir-rota tal-kuluri, 180° ’il bogħod. Fuq ir-rota HSL, il-komplement tal-aħmar (#FF0000) huwa ċjan (#00FFFF).

    Kemm għandu jkollha kuluri l-paletta?

    Il-biċċa l-kbira tal-interfaces jeħtieġu kulur ewlieni wieħed, aċċent jew tnejn u ftit newtrali. Minn tlieta sa ħamsa kuluri minn armonija, flimkien mal-griżi, hija għażla komuni u prattika.

    Għaliex OKLCH u HSL jagħtu palettes differenti?

    Ir-rotot iqiegħdu t-tonalitajiet f’angoli differenti u jkejlu d-dawl b’mod differenti. HSL isegwi r-rota klassika bbażata fuq RGB; OKLCH isegwi kif in-nies jipperċepixxu l-kulur, allura l-palettes tiegħu jidhru bilanċjati b’mod aktar indaqs.

    Nista’ nuża dawn il-kuluri b’mod kummerċjali?

    Iva. Il-kuluri u l-kodiċijiet hex mhumiex protetti, u l-paletta ġġenerata hija tiegħek biex tużaha f’kwalunkwe proġett.

    Kif nagħmel paletta minn ritratt minflok?

    Uża għodda li tieħu paletta minn immaġni: tiġbed il-kuluri dominanti ta’ stampa. Mbagħad tista’ twaħħal wieħed minnhom hawn bħala kulur bażi biex tibni armoniji madwaru.

    Għodod relatati