Sassã®è‰²ç”Ÿæˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’作りã¾ã—ãŸã€ŒSass Color Generatorã€ã¨ã„ã†Sassã®lightenãªã©ã®è‰²ç”Ÿæˆãƒ„ールを作りã¾ã—ãŸã€‚ ã“ã®ãƒ„ールã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒåŠ¹çŽ‡çš„ãªã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã‚„ã™ãã™ã‚‹ã‚‚ã®ã§ã™ã€‚ 例ãˆã°ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作るã¨ãã«ãƒ¡ã‚¤ãƒ³ã®ã‚«ãƒ©ãƒ¼ã‚’指定ã™ã‚‹ã¨ã€ãã®è–„ã„色を背景色ã«ã—ãŸã‚Šã€æž 線色ã«ã—ãŸã‚Šã™ã‚‹å ´åˆãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€ãã®è‰²ã‚’見ã¤ã‘ã‚„ã™ãã€ã¾ãŸæŒ‡å®šã—ã‚„ã™ãã—ã¾ã™ã€‚ ã§ãã‚‹ã“㨠カラーコードã¨%ã®æ•°å€¤ã‚’入力ã™ã‚‹ã¨ã€ãã®ã‚«ãƒ©ãƒ¼ã®%ã”ã¨ã®æ˜Žåº¦ã‚„彩度ã®ã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’一覧ã§è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 使ã„æ–¹ 1.カラーコードを入力ã—ã¾ã™ã€‚ 2. %ã®æ•°å€¤ã‚’入力ã—ã¾ã™ã€‚ ã“ã®æ•°å€¤ã”ã¨ã«ã€lightenãªã©ã®è‰²ãŒä½œæˆã•ã‚Œã¾ã™ã€‚ 色ã®èª¬æ˜Ž lighten…明度（上） darken…明度（下） saturate…彩度（上） desaturate…彩度（下） マークアップエンジニアã¨ã®å”æ¥ã‚„ã€Webサ
PCCSã®SCSSã§ã®ä½¿ç”¨: VCware Web Pattern Language
{{#tags}}- {{label}}
{{/tags}}