è²åœ©çè«ã®ååããã®ç§åŠçæ ¹æ ãå¿çç广ããããŠäžçäžã®ã¢ãŒãããã¶ã€ã³ãããŒã±ãã£ã³ã°ã«ãããå®è·µçãªå¿çšãæ¢æ±ããŸãã
è²åœ©çè«ã®ç§åŠïŒã°ããŒãã«ã¬ã€ã
è²åœ©çè«ã¯ç§åŠã§ãããèžè¡ã§ããããŸããããã¯ãè²ãã©ã®ããã«æ··ããåãã調åãã察æ¯ãããã®ç ç©¶ã§ãããç§ãã¡ã®ææ ã«äžãã圱é¿ããããŠã€ã³ãã¯ãã®ãããã¶ã€ã³ã广çãªããŒã±ãã£ã³ã°ãã£ã³ããŒã³ãäœæããããã«è²ãã©ã®ããã«äœ¿çšã§ãããã®ç ç©¶ã§ãããã®å æ¬çãªã¬ã€ãã§ã¯ãè²åœ©çè«ã®åºæ¬ååããã®ç§åŠçè£ä»ãããããŠäžçäžã®ããŸããŸãªåéãæåã«ããã倿§ãªå¿çšã«ã€ããŠæ¢æ±ããŸãã
åºæ¬ãçè§£ãã
è²ãšã¯äœãïŒ
è²ã®æ¬è³ªã¯ã人éã®ç®ã«èŠããç¹å®ã®æ³¢é·ç¯å²å ã®é»ç£æŸå°ç·ã®ç¥èŠã§ããå ãç©äœã«åœãããšãäžéšã®æ³¢é·ã¯åžåãããä»ã®æ³¢é·ã¯åå°ãããŸãããã®åå°ãããæ³¢é·ããç§ãã¡ãç¥èŠããè²ã決å®ããŸããã¢ã€ã¶ãã¯ã»ãã¥ãŒãã³ã®ããªãºã ã䜿ã£ãå®éšã¯ãçœè²å ãè¹ã®ãã¹ãŠã®è²ã§æ§æãããŠããããšã瀺ããŸããã
è²çžç°ïŒåºç€
äŒçµ±çã«ã¢ã€ã¶ãã¯ã»ãã¥ãŒãã³ã«åž°ãããè²çžç°ã¯ãè²åœ©é¢ä¿ã«åŸã£ãŠé 眮ãããè²ã®èŠèŠç衚çŸã§ããããã¯ãè²ã®èª¿åãçè§£ãã广çãªé è²ãäœæããããã®è²ŽéãªããŒã«ãšããŠæ©èœããŸããè²çžç°ã¯éåžžã以äžã§æ§æãããŸãïŒ
- åè²ïŒèµ€ãé»ãéããããã®è²ã¯ä»ã®è²ãæ··ããŠäœãããšã¯ã§ããŸããã
- äºæ¬¡è²ïŒç·ããªã¬ã³ãžã玫ããããã¯2ã€ã®åè²ãæ··ããŠäœãããŸãã
- äžæ¬¡è²ïŒãããã¯åè²ãšé£æ¥ããäºæ¬¡è²ãæ··ããŠäœãããŸãïŒäŸïŒèµ€æ©ãé»ç·ãé玫ïŒã
è²ã®å°éçšèª
è²ã«ã€ããŠå¹æçã«è°è«ããäœæ¥ããããã«ã¯ã以äžã®äž»èŠãªçšèªãçè§£ããããšãäžå¯æ¬ ã§ãïŒ
- è²çžïŒHueïŒïŒçŽç²ãªè²ãäŸãã°èµ€ãéãç·ãªã©ãæããŸããå ã®äž»èŠãªæ³¢é·ã§ãã
- 圩床ïŒSaturationïŒïŒã¯ããã匷床ãšããŠãç¥ãããè²ã®çŽåºŠãæããŸãã圩床ãé«ãè²ã¯é®®ããã§åŒ·çã§ããã圩床ãäœãè²ã¯ãããã§å°å³ã§ãã
- æåºŠïŒValueïŒïŒæãããšããŠãç¥ãããè²ãã©ãã ãæãããããŸãã¯æãããæããŸããè²ã«çœãå ãããšæåºŠãé«ããªãïŒãã£ã³ãïŒãé»ãå ãããšæåºŠãäœããªããŸãïŒã·ã§ãŒãïŒã
è²èŠã®èåŸã«ããç§åŠ
人éã®ç®ãšè²å容äœ
è²èŠã¯ãç®ã§å§ãŸãè€éãªããã»ã¹ã§ããç¶²èã«ã¯ãæ¡¿äœãšéäœãšãã2çš®é¡ã®å å容现èããããŸããæ¡¿äœã¯äœç §åºŠäžã§ã®èŠèŠãæ åœããè²ãèªèããŸãããäžæ¹ãéäœã¯è²èŠãæ åœããŸããéäœã«ã¯3ã€ã®ã¿ã€ããããããããããç°ãªãæ³¢é·ã®å ã«ææã§ãïŒ
- SéäœïŒäž»ã«çæ³¢é·ïŒéïŒã«ææã§ãã
- MéäœïŒäž»ã«äžæ³¢é·ïŒç·ïŒã«ææã§ãã
- LéäœïŒäž»ã«é·æ³¢é·ïŒèµ€ïŒã«ææã§ãã
è³ã¯ãããã®éäœããã®ä¿¡å·ãè§£éããŠãè²ã®å šã¹ãã¯ãã«ãèªèããŸããè²èŠç°åžžããŸãã¯è²èŠæ¬ æãšããŠãç¥ããããã®ã¯ã1ã€ä»¥äžã®éäœã®çš®é¡ãæ¬ ããŠããããæ©èœäžå šã§ããå Žåã«çºçããŸãã
è²èŠã®çè«
ç§ãã¡ãã©ã®ããã«è²ãèªèãããã説æããããšããããã€ãã®çè«ããããŸãã2ã€ã®èåãªçè«ã¯æ¬¡ã®ãšããã§ãïŒ
- äžè²èª¬ïŒã€ã³ã°ïŒãã«ã ãã«ã説ïŒïŒãã®çè«ã¯ãè²èŠã3çš®é¡ã®éäœã®æŽ»åã«åºã¥ããŠãããšæå±ããŠããŸãããããããç°ãªãæ³¢é·ç¯å²ïŒèµ€ãç·ãéïŒã«ææã§ãã
- å察è²èª¬ïŒãã®çè«ã¯ãè²èŠã察ç«ããè²ã®ãã¢ã«åºã¥ããŠããããšã瀺åããŠããŸãïŒèµ€-ç·ãé-é»ãé»-çœããã¢ã®äžæ¹ã®è²ãåºæ¿ããããšãããäžæ¹ã¯æå¶ãããŸãããã®çè«ã¯æ®åãªã©ã®çŸè±¡ã説æããŸãã
çŸä»£ã®çè§£ã§ã¯ãäž¡æ¹ã®çè«ãè²èŠã«ãããŠåœ¹å²ãæãããŠãããšãããŠããŸãã
è²ã®èª¿åãšé è²
è²ã®èª¿åãšã¯ãå¿å°ããè²ã®é 眮ãæããŸãã广çãªé è²ã¯ãèŠèŠçãªãã©ã³ã¹ãšäžè²«æ§ãçã¿åºããŸããããªãã®è²ã®éžæãå°ãããšãã§ããã確ç«ãããããã€ãã®é è²ããããŸãïŒ
- è£è²ïŒè²çžç°ã®å察åŽã«ããè²ïŒäŸïŒèµ€ãšç·ãéãšãªã¬ã³ãžïŒããããã®çµã¿åããã¯ãé«ãã³ã³ãã©ã¹ããšèŠèŠçãªè奮ãçã¿åºããŸããäŸïŒéãèæ¯ã«ãªã¬ã³ãžã®ã¢ã¯ã»ã³ãã䜿çšãããŠã§ããµã€ãã
- é¡äŒŒè²ïŒè²çžç°ã§é£æ¥ããè²ïŒäŸïŒéãéç·ãç·ïŒããããã®çµã¿åããã¯ã調åã®ãšããèœã¡çãã广ãçã¿åºããŸããäŸïŒããŸããŸãªç·ãšéã®è²åãã䜿çšãã颚æ¯ç»ã
- ãã©ã€ã¢ãïŒäžè²é è²ïŒïŒè²çžç°ã§çééã«é 眮ããã3ã€ã®è²ïŒäŸïŒèµ€ãé»ãéïŒããããã®çµã¿åããã¯ããã©ã³ã¹ãšæŽ»æ°ãæäŸããŸããäŸïŒåè²ã䜿çšããåäŸã®ããã¡ãã
- ã¢ãã¯ãããã£ãã¯ïŒåè²é è²ïŒïŒåäžã®è²ã®ããªãšãŒã·ã§ã³ïŒäŸïŒéã®ç°ãªãè²åããæ¿æ·¡ïŒããããã®çµã¿åããã¯ãçµ±äžæã®ããç¹çްãªå¹æãçã¿åºããŸããäŸïŒç°ãªãã°ã¬ãŒã®è²åãã䜿çšãããŠã§ããµã€ãã
- ããã©ãŒãïŒäºéè£è²ïŒïŒ2çµã®è£è²ïŒäŸïŒéãšãªã¬ã³ãžãé»ãšçŽ«ïŒããã®é è²ã¯è€éã§ãèŠèŠçãªéè² è·ãé¿ããããã«æ éãªãã©ã³ã¹èª¿æŽãå¿ èŠã§ããäŸïŒè€æ°ã®è²ã®ãã¢ãªã³ã°ã䜿çšããè€éãªã€ã³ãã©ã°ã©ãã£ãã¯ã
è²åœ©å¿çåŠïŒã°ããŒãã«ãªèŠç¹
è²ã¯ããŸããŸãªææ ã飿³ãåŒã³èµ·ãããŸããè²ã®å¿çç广ãçè§£ããããšã¯ã广çãªãã¶ã€ã³ãšããŒã±ãã£ã³ã°ã«ãšã£ãŠäžå¯æ¬ ã§ãããã ããè²ã®é£æ³ã¯æåã«ãã£ãŠç°ãªãå¯èœæ§ãããããšã«æ³šæããããšãéèŠã§ãã
äžè¬çãªè²ã®é£æ³ïŒæåçãªãã¥ã¢ã³ã¹ãå«ãïŒ
- èµ€ïŒæ ç±ããšãã«ã®ãŒãè奮ãå±éºãšãã°ãã°é¢é£ä»ããããŸããäžéšã®æåïŒäŸïŒäžåœïŒã§ã¯ãèµ€ã¯å¹žéãšç¹æ ã象城ããŸãã
- éïŒèœã¡çããä¿¡é Œãå®å®ãç¥æ§ãšãã°ãã°é¢é£ä»ããããŸããäžéšã®æåã§ã¯ãéã¯åªïŒäŸïŒã€ã©ã³ïŒã衚ããŸãã
- ç·ïŒèªç¶ãæé·ã調åãå¥åº·ãšãã°ãã°é¢é£ä»ããããŸããäžéšã®æåã§ã¯ãç·ã¯çŸšæãå«åЬãšé¢é£ä»ããããŸãã
- é»ïŒå¹žçŠã楜芳䞻矩ããšãã«ã®ãŒãšãã°ãã°é¢é£ä»ããããŸããäžéšã®æåã§ã¯ãé»è²ã¯èç ãç æ°ãšé¢é£ä»ããããŸãã
- ãªã¬ã³ãžïŒç±æãåµé æ§ãæãããšãã°ãã°é¢é£ä»ããããŸããäžéšã®æåã§ã¯ããªã¬ã³ãžã¯ç²Ÿç¥æ§ãšç®èº«ãšé¢é£ä»ããããŸãã
- 玫ïŒçæã豪è¯ããåµé æ§ãšãã°ãã°é¢é£ä»ããããŸããäžéšã®æåã§ã¯ã玫ã¯åªãæ»ãšé¢é£ä»ããããŸãã
- çœïŒçŽç²ããç¡éªæ°ããæž æœããšãã°ãã°é¢é£ä»ããããŸããå€ãã®è¥¿æŽæåã§ã¯ãçœã¯çµå©åŒã§ççšãããŸããäžéšã®æ±æŽæåã§ã¯ãçœã¯è¬åŒã§ççšãããŸãã
- é»ïŒæŽç·Žãåãç¥ç§æ§ãšãã°ãã°é¢é£ä»ããããŸããå€ãã®è¥¿æŽæåã§ã¯ãé»ã¯è¬åŒã§ççšãããŸããäžéšã®æåã§ã¯ãé»ã¯å¹žéã®è²ãšèŠãªãããŸãã
ããŸããŸãªæèã«ãããè²åœ©å¿çåŠã®äŸ
- ããŒã±ãã£ã³ã°ïŒäŒæ¥ã¯ãç¹å®ã®ææ ã飿³ãåŒã³èµ·ããããã«ãããŽããã©ã³ãã£ã³ã°ã§ç¹å®ã®è²ã䜿çšããŸããäŸãã°ããã¡ã¹ãããŒããã§ãŒã³ã¯ã飿¬²ãåºæ¿ããç·æ¥æ§ãæããããããã«èµ€ãšé»è²ããã䜿çšããŸããé«çŽãã©ã³ãã¯ãæŽç·Žãšé«çŽæãäŒããããã«é»ãšéã䜿çšããããšããããããŸããã³ã«ã»ã³ãŒã©ã®è±¡åŸŽçãªèµ€ããã©ã³ãã£ã³ã°ãšãã®äžççãªèªç¥åºŠãèããŠã¿ãŠãã ããã
- ãŠã§ããã¶ã€ã³ïŒãŠã§ããµã€ãã®è²éžæã¯ããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãšã³ã³ããŒãžã§ã³çã«åœ±é¿ãäžããå¯èœæ§ããããŸããå»çãŠã§ããµã€ãã«ã¯èœã¡çããéãšçœã®é è²ã䜿çšãããããããããæ è¡ãŠã§ããµã€ãã«ã¯é®®ãããªãªã¬ã³ãžãšé»è²ã®é è²ã䜿çšããããããããŸããã
- ã€ã³ããªã¢ãã¶ã€ã³ïŒå®¶åºããªãã£ã¹ã®è²ã¯ãæ°åãçç£æ§ã«åœ±é¿ãäžããå¯èœæ§ããããŸããéãç·ã®ãããªå¯è²ã¯ãèœã¡çãããªã©ãã¯ã¹ã§ããé°å²æ°ãäœãåºããèµ€ããªã¬ã³ãžã®ãããªæè²ã¯ãããåºæ¿çã§ãšãã«ã®ãã·ã¥ãªé°å²æ°ãäœãåºãããšãã§ããŸãã
- ã¢ãŒãïŒèžè¡å®¶ã¯ãææ ã衚çŸãã奥è¡ããäœãåºããæå³ãäŒããããã«è²ã䜿çšããŸãããã£ã³ã»ã³ãã»ãã¡ã³ã»ãŽããã圌ã®çµµç»ã§é®®ããã§å¯Ÿç §çãªè²ã䜿çšããããšã¯ããã®ä»£è¡šçãªäŸã§ãã
è²åœ©çè«ã®å®çšçãªå¿çš
ã°ã©ãã£ãã¯ãã¶ã€ã³ã«ãããè²åœ©çè«
ã°ã©ãã£ãã¯ãã¶ã€ããŒã¯ãããŽããŠã§ããµã€ãããã³ãã¬ããããã®ä»ã®ããŒã±ãã£ã³ã°è³æã®ããã«ãèŠèŠçã«é åçã§å¹æçãªãã¶ã€ã³ãäœæããããã«è²åœ©çè«ã䜿çšããŸããè²ã®èª¿åãã³ã³ãã©ã¹ããå¿çåŠãçè§£ããããšã¯ãã¿ãŒã²ãããªãŒãã£ãšã³ã¹ã«å ±é³ŽããæãŸããã¡ãã»ãŒãžãäŒãããã¶ã€ã³ãäœæããããã«äžå¯æ¬ ã§ãã
ãŠã§ããã¶ã€ã³ã«ãããè²åœ©çè«
ãŠã§ããã¶ã€ããŒã¯ããŠãŒã¶ãŒãã¬ã³ããªãŒã§èŠèŠçã«é åçãªãŠã§ããµã€ããäœæããããã«è²åœ©çè«ã䜿çšããŸããè²ã®éžæã¯ããŠã§ããµã€ãã®ãŠãŒã¶ããªãã£ãããã²ãŒã·ã§ã³ãããã³å šäœçãªãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã«åœ±é¿ãäžããå¯èœæ§ããããŸããé©åã«èšèšãããé è²ã¯ããã©ã³ãã¢ã€ãã³ãã£ãã£ã匷åããã³ã³ããŒãžã§ã³çãåäžããã蚪åè ã«è¯ãå°è±¡ãäžããããšãã§ããŸãã
ããŒã±ãã£ã³ã°ãšãã©ã³ãã£ã³ã°ã«ãããè²åœ©çè«
è²ã¯ãããŒã±ãã£ã³ã°ãšãã©ã³ãã£ã³ã°ã«ãããŠéèŠãªåœ¹å²ãæãããŸããäŒæ¥ã¯ã匷åãªãã©ã³ãã¢ã€ãã³ãã£ãã£ãåµé ããç¹å®ã®ææ ãåŒã³èµ·ãããæ¶è²»è ã®è¡åã«åœ±é¿ãäžããããã«è²ã䜿çšããŸãããã¹ãŠã®ããŒã±ãã£ã³ã°è³æã§äžè²«ããã«ã©ãŒãã¬ããã䜿çšããããšã¯ããã©ã³ãèªç¥åºŠãšãã€ã€ã«ãã£ãæ§ç¯ããã®ã«åœ¹ç«ã¡ãŸãããã£ãã¡ããŒïŒã«ã³ãããŒã«ãããã£ãã¡ããŒãã«ãŒã®äžè²«ãã䜿çšã¯ããã©ã³ãã«ã©ãŒã®é£æ³ã®ä»£è¡šçãªäŸãšããŠèããŠã¿ãŠãã ããã
ãã¡ãã·ã§ã³ãã¶ã€ã³ã«ãããè²åœ©çè«
ãã¡ãã·ã§ã³ãã¶ã€ããŒã¯ãèŠèŠçã«é åçã§ãã¬ã³ãã«åã£ãè¡£æã³ã¬ã¯ã·ã§ã³ãäœæããããã«è²åœ©çè«ã䜿çšããŸããè²ã®éžæã¯ãè¡£æã®èªèãããã¹ã¿ã€ã«ããã©ãŒããªãã£ãå£ç¯ã«åœ±é¿ãäžããå¯èœæ§ããããŸããã«ã©ãŒãã¬ã³ããšæåçå奜ãçè§£ããããšã¯ãæåãããã¡ãã·ã§ã³ãã¶ã€ã³ãäœæããããã«äžå¯æ¬ ã§ããäŸïŒããªããã©ãããã¥ãŒãšãŒã¯ãæ±äº¬ãªã©ãäžçã®ããŸããŸãªéœåžã®ãã¡ãã·ã§ã³ãŠã£ãŒã¯ã§ç¹å®ã®è²ã䜿çšãããããšã
ã€ã³ããªã¢ãã¶ã€ã³ã«ãããè²åœ©çè«
ã€ã³ããªã¢ãã¶ã€ããŒã¯ãçŸçã«å¿å°ããæ©èœçãªç©ºéãåµé ããããã«è²åœ©çè«ã䜿çšããŸããè²ã®éžæã¯ãéšå±ã®é°å²æ°ãã ãŒããããã³èªèããããµã€ãºã«åœ±é¿ãäžããå¯èœæ§ããããŸããé©åã«èšèšãããé è²ã¯ã空éã®å šäœçãªå¿«é©ããšå± äœæ§ãé«ããããšãã§ããŸããäŸïŒå°ããªéšå±ããã倧ããæããèŠããããã«æããè²ã䜿çšããããšã
è²ã®ã¢ã¯ã»ã·ããªãã£ãšå æ¬æ§
è²ã䜿ã£ãŠãã¶ã€ã³ããéã«ã¯ãã¢ã¯ã»ã·ããªãã£ãšå æ¬æ§ãèæ ®ããããšãäžå¯æ¬ ã§ããè²èŠç°åžžãå«ãèŠèŠé害ãæã€äººã ãããªãã®è²ã®éžæã«ã¢ã¯ã»ã¹ã§ããããšã確èªããŠãã ãããèªã¿ããããåäžãããããã«ãããã¹ããšèæ¯è²ã®éã«ååãªã³ã³ãã©ã¹ãã䜿çšããŠãã ãããç¹å®ã®è²ãåºå¥ã§ããªãå¯èœæ§ã®ããå人ã®ããã«ãæ å ±ãäŒããä»£æ¿æ¹æ³ãæäŸããŠãã ãããããªãã®ãã¶ã€ã³ããã¹ãŠã®ãŠãŒã¶ãŒã«ã¢ã¯ã»ã¹å¯èœã§ããããšãä¿èšŒããããã«ããŠã§ãã¢ã¯ã»ã·ããªãã£ã¬ã€ãã©ã€ã³ïŒWCAGïŒã«åŸã£ãŠãã ããããªã³ã©ã€ã³ã®ã«ã©ãŒã³ã³ãã©ã¹ããã§ãã«ãŒã®ãããªããŒã«ã¯ãã¢ã¯ã»ã·ããªãã£ã®æ€èšŒã«åœ¹ç«ã¡ãŸãã
è²åœ©çè«ã®ããã®ããŒã«ãšãªãœãŒã¹
è²åœ©çè«ãæ¢æ±ããé©çšããã®ã«åœ¹ç«ã€å€æ°ã®ãªã³ã©ã€ã³ããŒã«ãšãªãœãŒã¹ããããŸãïŒ
- Adobe ColorïŒã«ã©ãŒãã¬ãããäœæã»æ¢çŽ¢ããããã®ç¡æãªã³ã©ã€ã³ããŒã«ã
- CoolorsïŒã«ã©ãŒãã¬ãããäœæã»ä¿åã§ããã«ã©ãŒã¹ããŒã ãžã§ãã¬ãŒã¿ãŒã
- PalettonïŒé«åºŠãªã«ã¹ã¿ãã€ãºãªãã·ã§ã³ãåããã«ã©ãŒã¹ããŒã ãã¶ã€ããŒã
- ColorHexaïŒã«ã©ãŒã³ãŒããã¹ããŒã ãä»£æ¿æ¡ãªã©ãå«ãè²ã®æ å ±ã®çŸç§äºå žã
- WebAIM Color Contrast CheckerïŒã¢ã¯ã»ã·ããªãã£ã確ä¿ããããã«ããã¹ããšèæ¯è²ã®ã³ã³ãã©ã¹ãæ¯ã確èªããããã®ããŒã«ã
çµè«
è²åœ©çè«ã¯ãããŸããŸãªåéã§èŠèŠçã«é åçã§å¹æçãªãã¶ã€ã³ãäœæããããã«äœ¿çšã§ãã匷åãªããŒã«ã§ããè²ã®åºæ¬ãè²èŠã®èåŸã«ããç§åŠããããŠè²åœ©å¿çåŠãçè§£ããããšã§ãã¿ãŒã²ãããªãŒãã£ãšã³ã¹ã«é¿ããæãç®æšãéæããããã®æ å ±ã«åºã¥ããè²ã®éžæãå¯èœã«ãªããŸããè²ãæ±ãéã«ã¯ãæåçãªãã¥ã¢ã³ã¹ãã¢ã¯ã»ã·ããªãã£ãèæ ®ãããã¶ã€ã³ãå æ¬çã§äžçèŠæš¡ã§åœ±é¿åãæã€ããã«ããããšãå¿ããªãã§ãã ããããã¶ã€ã³ãã¬ã³ããé²åããã«ã€ããŠãè²ã«ã€ããŠç¶ç¶çã«åŠã³ãå®éšããããšããããªãã®äœåãæ°é®®ã§é åçã«ä¿ã€ã§ãããã