Ẹ̀rọ Ìpilẹ̀ṣẹ̀ Àwọ̀-Ìṣàkójọ́pọ̀

Kí nìdí tí Àkójọ Àwọ̀ Tí Ó Dára Fi Ń Gbé Gbogbo Àpẹẹrẹ Lárugẹ

Yan àwọn àwọ̀ tí kò tọ́, àwọn ènìyàn yóò lérò rẹ̀ kí wọ́n tó lè fi ọ̀rọ̀ pè é. Ojú ìwé kan yóò dà bí ọ̀wọ̀n, àmì-àkọsílẹ̀ kan yóò dà bí àìmọ́, àwòrán kan yóò di ariwo. Yan àwọn tí ó tọ́, iṣẹ́ náà yóò sì kàn ṣiṣẹ́: yóò dà bí i pé a ṣètò rẹ̀, ó rọ, ó sì rọrùn láti wo. Àwọ̀ ń ṣe iṣẹ́ jíjẹ́ tí ó pọ̀, ó ń ṣètò ìmọ̀lára, ó ń tọ́ ojú, ó sì ń sọ fún òǹkàwé ohun tí ó ṣe pàtàkì jùlọ. Nítorí náà àkójọ àwọ̀ kì í ṣe ọ̀ṣọ́ tí a fi kún un ní òpin. Ó jẹ́ ìpinnu tí a ń ṣe ní ìbẹ̀rẹ̀, ó sì fẹ́rẹ̀ẹ́ jẹ́ pé ohun gbogbo mìíràn ń gbẹ́kẹ̀lé e.

Ìròyìn dídára ni pé o kò nílò iwe-ẹ̀rí ọnà-ìṣẹ̀dá láti wá àkójọ tí ó dára. Ohun tí o nílò ni ìlànà díẹ̀ láti inú ìlànà àwọ̀ àti ọ̀nà kíákíá láti gbìyànjú àwọn èrò. Ìyẹn gan-an ni ohun tí olùpilẹ̀ṣẹ̀ kan wà fún: ó jẹ́ kí o yíká àkópọ̀ mélòó kan nínú àkókò tí ó tí ń gbà láti ṣàníyàn nípa ọ̀kan.

Ẹ̀gbà tí ń tàn ti àwọn àwọ̀ ìbáramu pẹ̀lú kóòdù hex lórí abẹ́lẹ̀ indigo dúdú — Àkójọ àwọ̀ tí ó bára mu ń dọ́gba ìyàtọ̀ dídára àti ìṣọ̀kan tó bẹ́ẹ̀ tí àwọ̀ kọ̀ọ̀kan fi ń gba ipò rẹ̀.

Ìlànà Àwọ̀, Láìsí Èdè Ìjìnlẹ̀

Ọ̀pọ̀lọpọ̀ ìbáramu wá láti inú èrò rọrùn kan: ibi tí àwọn àwọ̀ wà lórí kẹ̀kẹ́ ní ìbámu pẹ̀lú ara wọn. Kọ́ àpẹẹrẹ mẹ́rin, o sì lè kà tàbí kọ́ fẹ́rẹ̀ẹ́ ìbáramu èyíkéyìí.

Complementary ń lo àwọ̀ méjì tí ó dojúkọ ara wọn tààrà, bí i aláwọ̀ búlúù àti oràǹgé. Ó ní agbára tí ó ga, ó sì dára fún fífa ìfojúsí, bí ó tilẹ̀ jẹ́ pé àkópọ̀ méjèèjì tí ó pọ̀jù ń jà fún ìfojúsí, nítorí náà jẹ́ kí ọ̀kan darí, kí o sì lo èkejì gẹ́gẹ́ bí i àfikún.
Analogous ń lo àwọ̀ mẹ́ta tí ó wà lẹ́gbẹ̀ẹ́ ara wọn, bí i pupa, oràǹgé, àti ofeefee. Ó ní ìyàtọ̀ kékeré, ó rọ, ó sì jẹ́ irú ìbáramu tí a rí kárí ìṣẹ̀dá. Ó rọrùn lójú, ṣùgbọ́n o lè nílò láti fi ìyàtọ̀ kún un níbìkan kí ohun kò má bàa dán.
Triadic ń lo àwọ̀ mẹ́ta tí a pín ní déédé yíká kẹ̀kẹ́ náà, bí i pupa, ofeefee, àti búlúù. Ó mọ́lẹ̀, ó sì dọ́gba, ó sì ń ṣiṣẹ́ dáradára jùlọ nígbà tí àwọ̀ kan bá darí tí àwọn méjì mìíràn sì ń ṣètìlẹ́yìn.
Monochromatic ń dúró sí àwọ̀ kan ṣoṣo, ó sì ń yí ìmọ́lẹ̀ àti ìjìnlẹ̀ rẹ̀ padà. Ó ni ìbáramu tí ó dájú jùlọ tí ó wà, ó mọ́, ó sì ní ìṣọ̀kan, ó sì jẹ́ àṣàyàn dídára nígbà tí ohunkóhun mìíràn kò bá dà bí ó ti tọ́.

Olùpilẹ̀ṣẹ̀ láìlérò dára fún ìmísí, ṣùgbọ́n àwọn ipò ìbáramu ni ìwúlò gidi ti wà. Wọ́n ń pa àwọn àwọ̀ rẹ mọ́ ní àjọṣe ìṣírò, tó bẹ́ẹ̀ tí wọ́n dà bí i pé wọ́n jẹ́ ti ara wọn kódà kí o tó ṣàtúnṣe ohunkóhun.

HEX, RGB, àti HSL Ní Èdè Rírọrùn

Àwọ̀ kọ̀ọ̀kan tí o dà kọ́pì wá ní àwọn ọ̀nà kíkọ díẹ̀, gbogbo wọn sì ń ṣàpèjúwe ohun kan náà ní ọ̀nà tí ó yàtọ̀.

HEX ni kóòdù ẹ̀yà mẹ́fà tí o máa ń rí jùlọ, bí i #3A7BD5. Ó jẹ́ pupa, aláwọ̀ ewé, àti búlúù tí a fi kó sínú ọ̀rọ̀ kan, ẹ̀yà méjì kọ̀ọ̀kan. Ó dí, ó sì ni ohun tí o óò fi wọlé sínú CSS tàbí ohun èlò àpẹẹrẹ.

RGB ń sọ àwọn ìdarí mẹ́ta kan náà yẹn ní àwọn nọ́mbà láti 0 sí 255, bí i rgb(58, 123, 213). Àwọ̀ kan náà, ó rọrùn sí i láti kà, ó sì wúlò nígbà tí o bá fẹ́ ìdarí alpha fún ìhalẹ̀-jíjẹ́.

HSL ń ṣàpèjúwe àwọ̀ ní ọ̀nà tí ènìyàn ti ń rò gan-an: hue (àwọ̀ wo, 0 sí 360 ìwọ̀n yíká kẹ̀kẹ́), saturation (bí ó ti mọ́lẹ̀ tó), àti lightness (bí ó ti ń tàn tó). Ó ni fọ́ọ̀mù tí ó rọrùn jùlọ láti ṣàtúnṣe ní ọwọ́, nítorí pé yíyí lightness tàbí saturation padà ń ṣe gan-an ohun tí o ń retí láìsí àpèjúwe. Bí o bá nílò láti yí padà láàrin àwọn fọ́ọ̀mù, ìyípadà HEX sí RGB kíákíá kan ń mú kí ó rọrùn.

Kẹ̀kẹ́ àwọ̀ pẹ̀lú àwọn ìlà ìbáramu tí ń so àwọn àwọ̀ complementary àti triadic pọ̀ ní ìṣesí ilé-ìṣẹ́ ọnà — Kẹ̀kẹ́ àwọ̀ ń sọ àwọn ìlànà ìbáramu di ohun tí o lè rí lẹ́ẹ̀kan náà.

Má Ṣe Gbàgbé Ìyàtọ̀ Dídára Àti Ìdarapọ̀mọ́

Àkójọ àwọ̀ lè dára gan-an tí ó sì síbẹ̀ kùnà ní ìṣẹ́jú tí ẹnì kan bá gbìyànjú láti ka ọ̀rọ̀ lórí rẹ̀. Ìyàtọ̀ dídára ni ibi tí ẹwà ti ń pàdé lílò-ṣíṣeéṣe. Web Content Accessibility Guidelines ń fi ìlànà kedere sílẹ̀: ọ̀rọ̀ ara déédé yẹ kí ó ní ìwọ̀n ìyàtọ̀ dídára ti ó kéré tán 4.5:1 lòdì sí abẹ́lẹ̀ rẹ̀, àti ọ̀rọ̀ ńlá ó kéré tán 3:1. Ìyẹn kì í ṣe òfin aláìní ìtumọ̀, ó jẹ́ ìyàtọ̀ láàrin òǹkàwé kan tí ó ń gba ojú ìwé rẹ kọjá kíákíá àti ẹni tí ó ń fọ́ ojú, tí ó jáwọ́, tí ó sì lọ.

Ìgbésẹ̀ tí ó wúlò ni láti ṣe àdánwò àwọn bata iwájú àti abẹ́lẹ̀ rẹ nígbà tí o bá ń kọ́, kì í ṣe lẹ́yìn. Aláwọ̀ eérú fẹ́ẹ̀rẹ́ lórí funfun lè dà bí i pé ó dára nínú àpẹẹrẹ, ó sì di aláìríran lórí fóònù ní ọ̀sán. Nígbà tí àkópọ̀ kan bá kùnà, o sábà kìkì nílò láti mú àwọ̀ kan sí dúdú tàbí fẹ́ẹ̀rẹ́ sí i, kì í ṣe láti ju gbogbo ìbáramu náà nù. Pa àwọn àwọ̀ àfikún tí ó mọ́lẹ̀ rẹ mọ́ fún àwọn bọ́tìnnì, ìsopọ̀, àti ìtẹnumọ́ dípò gígùn ọ̀rọ̀, iwọ yóò sì yẹra fún ọ̀pọ̀lọpọ̀ ìṣòro ìyàtọ̀ dídára kí wọ́n tó bẹ̀rẹ̀.

Ọ̀nà Iṣẹ́ Tí Ó Wúlò

Èyí ni ọ̀nà kan tí ó dúró jálẹ̀ àwọn iṣẹ́ oríṣiríṣi. Bẹ̀rẹ̀ pẹ̀lú àwọ̀-idìmú kan tí o dá ọkàn rẹ mọ́, tí ó sábà máa ń jẹ́ àwọ̀ àmì-ọjà tàbí hue tí ó bá ìṣesí tí o fẹ́ mu. Dì í mú, kí o sì jẹ́ kí olùpilẹ̀ṣẹ̀ náà kọ́ ìbáramu yíká rẹ̀. Yíká láàrin complementary, analogous, àti triadic títí ohun kan yóò fi dà bí i tí ó tọ́, má sì ṣe ronú jinlẹ̀ jù lórí ìgbà àkọ́kọ́; o ń wá ọ̀nà, kì í ṣe ìdáhùn tí ó gbẹ̀yìn.

Nígbà tí o bá ti ní àdánrekọjá kan, pín ipò. Yan àwọ̀ tí ó dàgbà jùlọ fún abẹ́lẹ̀ àti àyè ńlá, ọ̀kan kejì fún ìtòlẹ́sẹẹsẹ, àti àfikún kan tí ó lágbára fún àwọn apá tí ó nílò láti dúró jáde. Pínpín 60-30-10 tí kò lágbára, láti àwọ̀-idìmú sí ọ̀kan kejì sí àfikún, ń pa ohun gbogbo dọ́gba láìdà bí i pé ó le. Lẹ́yìn náà ṣàyẹ̀wò ìyàtọ̀ dídára lórí gbogbo bata ọ̀rọ̀, ṣàdàkọ àwọn kóòdù hex náà, o sì parí. Fi àwọn tí ó ṣiṣẹ́ pamọ́, nítorí pé àkójọ tí o rí gbà fún iṣẹ́ kan sábà máa ń jẹ́ irúgbìn fún èyí tí ó tẹ̀lé. Nígbà tí o bá ti ṣetán láti tẹ̀síwájú kíkọ́, ìyókù àkójọ gbogbo àwọn olùpilẹ̀ṣẹ̀ wa lè mú àwọn apá mìíràn ṣẹ.

Àwọn ìbéèrè tí a ń béèrè léraléra

Ṣé olùpilẹ̀ṣẹ̀ àkójọ àwọ̀ yìí jẹ́ ọ̀fẹ́ láti lò?

Bẹ́ẹ̀ni. Ó ń ṣiṣẹ́ pátápátá nínú aṣàwárí rẹ, kò sí ìforúkọsílẹ̀, o sì lè ṣẹ̀dá àkójọ mélòó kan bí o ti fẹ́ láìsí owó.

Kí ni ìyàtọ̀ láàrin àkójọ láìlérò àti ọ̀kan tí ó bára mu?

Àkójọ láìlérò ń fún ọ ní àwọ̀ márùn-ún tí kò ní àjọṣe fún ìmísí. Ìbáramu tí ó bára mu, bí i complementary tàbí triadic, ń pa àwọn àwọ̀ mọ́ ní àjọṣe ìṣírò lórí kẹ̀kẹ́ àwọ̀ náà, tó bẹ́ẹ̀ tí wọ́n fi dà bí i tí wọ́n bára mu tí a sì ṣètò wọn pọ̀.

Báwo ni mo ṣe lè dà kóòdù àwọ̀ kan kọ́pì?

Tẹ̀ kóòdù hex tí ó wà lábẹ́ ọ̀wọ̀n àwọ̀ èyíkéyìí, yóò sì dà kọ́pì sí clipboard rẹ. O lè fi wọlé tààrà sínú CSS, ohun èlò àpẹẹrẹ, tàbí ibikíbi mìíràn tí o nílò rẹ̀.

Kí ni ìyàtọ̀ dídára WCAG túmọ̀ sí, kí nìdí tí ó fi yẹ kí ó ṣe pàtàkì fún mi?

WCAG ni ìlànà ìdarapọ̀mọ́ ojú-òpó wẹẹbu. Ó béèrè fún ìwọ̀n ìyàtọ̀ dídára ti ó kéré tán 4.5:1 láàrin ọ̀rọ̀ déédé àti abẹ́lẹ̀ rẹ̀ kí àwọn ènìyàn lè ka àkọsílẹ̀ rẹ dáradára, títí kan àwọn tí ojú wọn kò fi mọ́lẹ̀.

Ìbáramu àwọ̀ wo ni mo yẹ kí n yàn?

Ó dá lórí ìṣesí. Complementary ní ìgboyà tí ó sì ní agbára ga, analogous rọ tí ó sì jẹ́ ti ẹ̀dá, triadic mọ́lẹ̀ tí ó sì dọ́gba, àti monochromatic mọ́ tí ó sì dájú. Gbìyànjú díẹ̀, kí o sì wo ewo tí ó bá iṣẹ́ rẹ mu.

Ṣé mo lè yí àwọn àwọ̀ padà sí RGB tàbí HSL?

Bẹ́ẹ̀ni. Àwọ̀ kọ̀ọ̀kan ń bá HEX, RGB, àti HSL mu nítorí pé gbogbo wọn ń ṣàpèjúwe iye kan náà. Lo ohun èlò HEX sí RGB wa bí o bá nílò láti yí fọ́ọ̀mù padà kíákíá.