[B! é…è‰²] seachelã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

seachel id:seachel

é…è‰²ã«é–¢ã™ã‚‹seachelã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

å¢—ç”°ã‚’ãƒ‡ã‚³ã‚‹
å‚è€ƒã«ã™ã‚‹ã§ã™ â†“â–¶ï¸Ž ww ðŸ‚ ww â–¼ã¯ã¦ãªåŒ¿åãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®æ¨™æº–ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ãƒ‡ã‚³ã‚‹ãƒãƒƒãƒ‰ãƒŽã‚¦ãƒã‚¦ https://anond.hatelabo.jp/20100827202157# â—ãƒãƒ³ãƒ€ã‚¤ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã€€å‡ºå…¸å…ƒã€€https://anond.hatelabo.jp/20210710192249# â— ãƒ“ãƒƒã‚°ãƒžã‚¹ãƒ€ãƒ¼ã¯ã‚ãªãŸã‚’è¦‹ã¦ã„ã‚‹ã€€å‡ºå…¸å…ƒã€€https://anond.hatelabo.jp/20230707225450# å‡ºå…¸å…ƒã€€https://anond.hatelabo.jp/20230915165739# â— ã‚„ã§ã€œ â¬œâ¬œâ¬œâ¬œâ¬œâ¬œâ¬œâ¬œâ¬œâ¬œâ¬œâ¬œâ¬œâ¬œ â¬œâ¬œâ¬œâ¬œâ¬œðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨â¬œâ¬œâ¬œâ¬œâ¬œ â¬œâ¬œâ¬œðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨â¬œâ¬œâ¬œ â¬œâ¬œðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨â¬œâ¬œ â¬œâ¬œðŸŸ¨ðŸŸ¨â¬›ðŸŸ¨ðŸŸ¨ðŸŸ¨ðŸŸ¨â¬›ðŸŸ¨ðŸŸ¨â¬œâ¬œ â¬œðŸŸ¨ðŸŸ¨â¬›ðŸŸ¨â¬›ðŸŸ¨ðŸŸ¨â¬›ðŸŸ¨â¬›ðŸŸ¨ðŸŸ¨â¬œ â¬œ
seachel 2022/05/25
å¢—ç”°

ç´ æ

CSS

é…è‰²
ãƒªãƒ³ã‚¯
ä»»æ„ã®è‰²ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒˆãƒ¼ãƒ³ã®CSSæŒ‡å®šã‚’Sassã®å¤‰æ•°ã§è‡ªå‹•çš„ã«ç”Ÿæˆã™ã‚‹
ä½¿ã£ã¦ã„ã‚‹è‰²ã®åŒè‰²ç›¸ã§ãƒˆãƒ¼ãƒ³é•ã„ã®è‰²ã‚’ä½¿ã†ã¨ãã‚ã–ã‚ã–è‰²ã‚’ä½œã‚‹ã®é¢å€’ã ãªã¨æ€ã£ãŸã®ã§ã€ãã‚Œã‚’å¥½ããªè‰²ã‹ã‚‰ä½œã‚‹Sassã®å¤‰æ•°ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸâ˜… è‰²ã‚’é¸ã¶ã¨ãã£ã¦çš†ã•ã‚“ã¯ã©ã†ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‹ã‚‰é¸ã‚“ã ã‚Šã€ãƒ”ãƒƒã‚«ãƒ¼ã§éƒ½åº¦ä½œã‚‹äººã‚‚ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ç§ã¯ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã‚ã£ãŸãƒ¡ã‚¤ãƒ³ã®è‰²ã‚’é¸ã‚“ã ã‚ã¨ã§ãã®ãƒˆãƒ¼ãƒ³é•ã„ã®è‰²ã€è‰²ç›¸é•ã„ã®è‰²ã¨ã„ã†é¢¨ã«è‰²ã®æ•°å€¤ã‚’ãšã‚‰ã™ã‚ˆã†ãªæ„Ÿã˜ã§è‰²ã‚’ä½œã‚Šã¾ã™ã€‚ã§ã™ãŒãã‚Œã‚’ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã§ã‚„ã‚‹ã®ã¯æ£ç¢ºã§ãªã‹ã£ãŸã‚Šã—ã¾ã™ã—ã€æ•°å€¤ã‚’å…¥åŠ›ã—ã¦ã„ãã®ã‚‚ã¡ã‚‡ã£ã¨é¢å€’ã§ã™â€¦ã€‚ãã“ã§ã€Sassã®é–¢æ•°ã‚’ä½¿ã£ã¦æ•°å€¤ã‚’è‡ªå‹•çš„ã«ä½œã‚Šã€ã•ã‚‰ã«ãã‚Œã‚’ãã®ã¾ã¾ä½¿ãˆã‚Œã°è‰¯ã„ãªã¨æ€ã£ã¦ä½œã£ã¦ã¿ã¾ã—ãŸãƒ¼ï¼ ãƒ‡ãƒ¢ ã©ã‚“ãªã‚‚ã®ãªã®ã‹ã€ã¨ã‚Šã‚ãˆãšãƒ‡ãƒ¢ã§ã™ã€‚ See the Pen [Demo] Sass Variables Color tone by You Sakai (@webcre8) on Code
seachel 2017/04/05
webãƒ‡ã‚¶ã‚¤ãƒ³

é…è‰²
ãƒªãƒ³ã‚¯
ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸é…è‰²ãƒ„ãƒ¼ãƒ« Ver3 | ãƒ•ã‚©ãƒ«ãƒˆã‚¥ãƒŠ
ã‚¦ã‚§ãƒ–é…è‰²ãƒ„ãƒ¼ãƒ«ãŒæ–°ã—ããªã‚Šã¾ã—ãŸ 1è‰²ã‚’ä½œã‚Œã°è‡ªå‹•çš„ã«é…è‰²ã‚’ä½œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚é›£ã—ã„ãƒ„ãƒ¼ãƒ«ã§ã¯ãªã„ã®ã§ã€å¤šåˆ†ä½¿ãˆã°ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã“ã®å†™çœŸã‚‚å¤‰ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
seachel 2017/02/22
webãƒ‡ã‚¶ã‚¤ãƒ³

Webåˆ¶ä½œ

é…è‰²

ãƒ‡ã‚¶ã‚¤ãƒ³

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - æ—¥æœ¬ã®ä¼çµ±è‰²
Color data cited: â€œæ—¥æœ¬ã®ä¼çµ±è‰² The Traditional Colors of Japanâ€. PIE BOOKS, 2007.
seachel 2016/12/15
webãƒ‡ã‚¶ã‚¤ãƒ³

é…è‰²
ãƒªãƒ³ã‚¯
è‰²å½©ã‚»ãƒ³ã‚¹ã®ã„ã‚‰ãªã„é…è‰²è¬›åº§
3. è‡ªå·±ç´¹ä»‹ è·æ¥ï¼šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ ç‰©å¿ƒã¤ã„ãŸã¨ãã«ã¯çµµã‚’æãã®ãŒå¥½ãã ã£ãŸ ãã®ã¾ã¾ã®å‹¢ã„ã§æŸç¾Žå¤§æŸãƒ‡ã‚¶ã‚¤ãƒ³ç§‘ã«é€²å¦ ç¤¾ä¼šã«å‡ºãŸã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©±ãŒé€šã˜ãªã•ã™ãŽã¦æ‚¶çµ¶ ãã‚“ãªç¤¾ä¼šã«å¯¾ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŠ¹æžœã‚’ã‚Šã‚ã‚“ã¦ãã«èª¬æ˜Žã—ã¦èª¬å¾—ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ marippe_
seachel 2016/12/13
ãƒ‡ã‚¶ã‚¤ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³

é…è‰²
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã€Œé…è‰²ã€ã«å›°ã£ãŸæ™‚ã«ã¿ã‚‹ã‚µã‚¤ãƒˆã¾ã¨ã‚ï½œã‚¢ãƒ—ãƒªãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ç ”ç©¶æ‰€
ã‚«ãƒ©ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»é…è‰²ç³»ã®ã‚µã‚¤ãƒˆã‚’ãƒ¡ãƒ¢ã€‚ Material Colorsã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‹ã‚‰è‰²ã‚’é¸ã‚“ã§ã€ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’ã¨ã‚Œã‚‹ã‚µã‚¤ãƒˆã€‚https://www.materialui.co/colors Color Farmä¸–ç•Œä¸ã®ã€Œã‚ˆã•ã’ãªãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ãŒå…¬é–‹ã—ã¦ã„ã‚‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã®è‰²ã‚’ã€åˆ†è§£ã—ã¦ãŠã—ãˆã¦ãã‚Œã‚‹ã‚µã‚¤ãƒˆã€‚ http://color.farm/ Color Huntã„ã„æ„Ÿã˜ã®è‰²ã®çµ„ã¿åˆã‚ã›ã‚’ã‚ãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ãã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆ http://colorhunt.co/ Color Thiefå†™çœŸã‚„ç”»åƒã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ã€Œã¤ã‹ã‚ã‚Œã¦ã„ã‚‹è‰²ã€ã‚’æŠ½å‡ºã—ã¦ãã‚Œã‚‹ã‚µã‚¤ãƒˆã€‚http://lokeshdhakar.com/projects/color-thief/ Color Claimãƒãƒƒãƒ—ã§ã‹ã‚ã„ã„æ„Ÿã˜ã®è‰²ã‚’ã€ã‚ãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ãã‚Œã‚‹ã‚µã‚¤ãƒˆã€‚ http://www.vanschneider.c
seachel 2016/12/13
ãƒ‡ã‚¶ã‚¤ãƒ³

webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ

é…è‰²

note
ãƒªãƒ³ã‚¯
ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹ã‚ªã‚·ãƒ£ãƒ¬ãªé…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³è¦‹æœ¬ 25 ï¼ˆå…¨çµ„ã¿åˆã‚ã›Webã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ä»˜ï¼‰ - LITERALLY
ä»Šå›žã¯ã²ãŸã™ã‚‰é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ãã€‚æŽ¢ã—ã‚„ã™ã„ã‚ˆã†ã«è‰²ã”ã¨ã«åˆ†ã‘ã€ä½¿ã„ã‚„ã™ã„ã‚ˆã†ã«è§£èª¬ã¨Webã‚³ãƒ¼ãƒ‰ã‚‚åˆã‚ã›ã¦ç´¹ä»‹ã™ã‚‹ã€‚ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã§ç›®çš„ã«åˆã£ãŸé…è‰²ã‚’ãã®ã¾ã¾ã‚³ãƒ”ãƒšã—ã¦ä½¿ã£ã¦é ‚ã‘ã‚Œã°ã¨æ€ã†ã€‚ â–¼ ç›®æ¬¡ ã‚«ãƒ©ãƒ•ãƒ«ãªé…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ æ©™ç³»ã®é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ é’ç³»ã®é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ ç·‘ç³»ã®é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ é»„è‰²ç³»ã®é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ èµ¤ç³»ã®é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ é«˜ç´šæ„Ÿã‚’è¡¨ç¾ã™ã‚‹é…è‰² ã‚ã³ãƒ»ã•ã³ã‚’è¡¨ç¾ã™ã‚‹å’Œé¢¨é…è‰² ã‚·ãƒ³ãƒ—ãƒ«ã«æ ¼å¥½è‰¯ã„ã‚°ãƒ¬ãƒ¼ã®é…è‰² ã‚«ãƒ©ãƒ•ãƒ«ãªé…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ 1. æ·¡ã„ã€Œã‚«ãƒ©ãƒ•ãƒ«ã€ â– #FF7D7D â– #FFD580 â– #B3E2B4 â– #ABE7FF â– #B8B2EA â– #DB DB DB æ·¡ã„ã‚«ãƒ©ãƒ•ãƒ«ãªé…è‰²ã¯ã€ç™½ã®èƒŒæ™¯ã«åˆã‚ã›ã‚‹ã¨ã€Œé€æ˜Žæ„Ÿã€ã‚’å‡ºã™ã®ã«åŠ¹æžœçš„ã€‚ã‚«ãƒ©ãƒ•ãƒ«ç³»ã®é…è‰²ã¯æ‰±ã„ã¥ã‚‰ã„ã®ã§ã€ä¸Šã®ã‚³ãƒ¼ãƒ‰ã‚’ãã®ã¾ã¾ã‚³ãƒ”ãƒšã—ã¦ä½¿ã£ã¦é ‚ãã®ãŒè‰¯ã„ã‹ã¨æ€ã†ã€‚ 2. åŠ›å¼·ã„ã€Œã‚«ãƒ©ãƒ•ãƒ«ã€ â–
seachel 2016/11/20
webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³

é…è‰²
ãƒªãƒ³ã‚¯
1