ã«ã©ãŒã³ã³ããŒã¿ãŒïŒHEXãRGBãHSLïŒ ã¬ã€ã
ã¢ã¯ã»ã·ãã«ãªè²ã®ã³ã³ãã©ã¹ãïŒãã¶ã€ããŒã®ããã®WCAGã¬ã€ãã©ã€ã³è§£èª¬
WCAGã®è²ã®ã³ã³ãã©ã¹ãèŠä»¶ã®å®å šã¬ã€ãïŒAAãšAAAã®æ¯çãã³ã³ãã©ã¹ãã®èšç®æ¹æ³ãããŒã«ãã¢ã¯ã»ã·ããªãã£ã®ãã³ããè²èŠç°åžžã®èæ ®äºé ã
Webãã¶ã€ããŒã®ããã®è²åœ©çè«ã®åºç€ïŒå®å šã¬ã€ã
Webãã¶ã€ã³ã®ããã®è²åœ©çè«ããã¹ã¿ãŒïŒã«ã©ãŒãã€ãŒã«ã調åãè£è²ã¹ããŒã ãå¿çåŠãçŸãããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ã®ããã®å®è·µçãªãã³ãã
ã¢ãã³CSSã«ã©ãŒé¢æ°ïŒrgba()ãhsl()ãoklch()ããããŠãã®å ãž
rgb()ãhsl()ãhwb()ãoklch()ãlab()ãlch()ãcolor-mix()ãçžå¯Ÿã«ã©ãŒæ§æãå«ãã¢ãã³CSSã«ã©ãŒé¢æ°ãæ¢æ±ã2026幎ã®å®å šã¬ã€ãã
HEX vs RGB vs HSLïŒã©ã®ã«ã©ãŒãã©ãŒãããã䜿ãã¹ããïŒ
CSSãšWebéçºã®ããã®HEXãRGBãHSLã®ã«ã©ãŒãã©ãŒããããæ¯èŒãèªã¿ãããããã©ãŠã¶ãµããŒãããŠãŒã¹ã±ãŒã¹ãåãã©ãŒãããã䜿ãã¹ãã¿ã€ãã³ã°ãåŠã³ãŸãã
Webã»ãŒãã«ã©ãŒïŒã¢ãã³Webãã¶ã€ã³ã§ããŸã éèŠãïŒ
216è²ã®Webã»ãŒãã«ã©ãŒã®æŽå²ã2026幎ã«ãããéèŠæ§ãéããããã¬ãããWebãã¶ã€ã³ãšéçºã§ãŸã æå³ãæã€ã±ãŒã¹ãæ¢ããŸãã