http://handywebdesign.net/2013/12/slide-share-about-color/
色覚障ãŒã„者ã«é…æ…®ã—ãŸWebサイトã®ä½œã‚Šæ–¹
色覚障ãŒã„者ã«é…æ…®ã—ãŸWebサイトã®ä½œã‚Šæ–¹ä»ŠæŒã£ã¦ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸ã§ã€è¦–覚・色覚障ãŒã„者ã«ã‚‚é…æ…®ã—ãŸWebサイトã®åˆ¶ä½œãŒã‚ã‚Šã¾ã™ã€‚視覚障ãŒã„者å‘ã‘ã®ã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¤ã„ã¦ã¯ã„ãã¤ã‹è¨˜äº‹ã‚’発見ã§ããŸã®ã§ã™ãŒã€è‰²è¦šéšœãŒã„者ã«å‘ã‘ãŸWebサイト制作ã«ã¤ã„ã¦ã¯ãªã‹ãªã‹ãƒ’ットã—ãªã‹ã£ãŸã®ã§ã€æ–片的ã«èªã‚“ã ã‚‚ã®ã‚’記事ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ è¿½è¨˜: 一部表記ã®ä»•æ–¹ã‚’変更ã—ã¾ã—ãŸã€‚ 色覚障ãŒã„ã«ã¤ã„ã¦ç›®ã®ã€è‰²ã‚’èªè˜ã™ã‚‹ç´°èƒžã®å¤‰ç•°ã§ã€è‰²ã®è˜åˆ¥ãŒç•°ãªã‚‹ã“ã¨ã‚’「色覚障ãŒã„ã€ã€Œè‰²è¦šç•°å¸¸ã€ã¨å‘¼ã³ã¾ã™ã€‚色覚障ãŒã„ã¨ã„ã£ã¦ã‚‚ã„ã‚ã„ã‚ãªç¨®é¡žãŒã‚ã‚Šã€ã“ã“ã§ã¯äººå£ã®å¤šã„赤系統や緑系統ã®è‰²ã®è˜åˆ¥ãŒå›°é›£ãªã€èµ¤ç·‘色覚異常ã®å ´åˆã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ 困難ãªç‚¹ã¨ã—ã¦ã¯ ç°è‰²ã ã¨æ€ã£ãŸã‚‰ãƒ”ンクã®ã‚·ãƒ£ãƒ„ã ã£ãŸç„¼è‚‰ã®éš›ã€ç”Ÿè‚‰ã¨ç„¼ã‘ã¦ã„る肉ã®åŒºåˆ¥ãŒã¤ãã«ãã„電車ã®è·¯ç·šå›³ãŒã‚ã‹ã‚Šã«ãã„é»’æ¿ã«æ›¸ã„ãŸèµ¤ãƒãƒ§ãƒ¼ã‚¯ãŒè¦‹ãˆã«ãã„UNOã€
é…色ã§æ‚©ã‚€ã™ã¹ã¦ã®çµµæãã•ã‚“ã¸ã€€å½¹ç«‹ã¤ã‚µã‚¤ãƒˆãƒ»è¬›åº§ã¾ã¨ã‚ ｜ ãŠçµµã‹ãé€Ÿå ±ï¼èŒãˆçµµä¸Šé”法
é…色ã«é–¢ã™ã‚‹ã€ãŠã™ã™ã‚ã®ã‚µã‚¤ãƒˆãƒ»è¬›åº§ã‚’集ã‚ã¾ã—ãŸã€‚ 今ã¾ã§ã‚ˆã‚Šã‚‚色塗りãŒãã£ã¨æ¥½ã—ããªã‚Šã¾ã™ã‚ˆï¼ ã€é…色関連サイト】 日本ã®ä¼çµ±è‰² 和色大辞典 è½ã¡ç€ã„ãŸå’Œã®ã‚«ãƒ©ãƒ¼ãƒ‘レット 世界ã®ä¼çµ±è‰² 洋色大辞典 鮮やã‹ãªæ´‹ã®ã‚«ãƒ©ãƒ¼ãƒ‘レット kuler é…色パターン集。美ã—ã„組ã¿åˆã‚ã›ãŒç››æ²¢å±± [ws] Color Scheme Designer 一ã¤è‰²ã‚’指定ã™ã‚‹ã¨ã€ãã‚Œã«åˆã‚ã›ã¦ç›¸æ€§ã®ã„ã„色をé¸ã‚“ã§ãれる COLOR SCHEMER ã“ã¡ã‚‰ã‚‚é¸æŠžã—ãŸè‰²ã«åˆã†è‰²ã‚’表示ã—ã¦ãれるジェãƒãƒ¬ãƒ¼ã‚¿ pictaculous ç”»åƒã‹ã‚‰è‰²ã‚’抽出ã—ã¦ãれるサイト。好ããªã‚¤ãƒ©ã‚¹ãƒˆã®è‰²ã‚’調ã¹ãŸã„ã¨ãã« Web Site Color Picker Webサイトã§ä½¿ã‚ã‚Œã¦ã„ã‚‹"色"を抽出ã€åˆ†æžã—ã¦ãれる ColorSelector ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã¦ã„る色をスãƒã‚¤ãƒˆã§èª¿ã¹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆ 背景色ã¨æ–‡å—色を入力ã™ã‚‹ã¨ã€
é…色パターンã‹ã‚‰Webデザインを考ãˆã‚‹
é…色パターンã‹ã‚‰Webデザインを考ãˆã‚‹ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸçž¬é–“ã«ãã®Webサイトã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å·¦å³ã™ã‚‹ã»ã©é‡è¦ãªè¦ç´ 「色ã€ã€‚ã—ã‹ã—色ã®çµ„ã¿åˆã‚ã›ã€é…色ã«ã¯ç„¡é™ã®ãƒ‘ターンãŒã‚ã‚Šã€æ£ã—ã„é…色を見ã¤ã‘ã‚‹ã®ã¯ç°¡å˜ãªã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã“ã§ã¯è‰²å½©ã®åŸºç¤Žã¨é…色パターンã®è¦‹ã¤ã‘æ–¹ã®ä¸€ä¾‹ã‚’紹介ã—ã¾ã™ã€‚ ã¾ãšã¯è‰²å½©ã®ä¸‰å±žæ€§ã«ã¤ã„ã¦è‰²ã¯å½©åº¦ãƒ»æ˜Žåº¦ãƒ»è‰²ç›¸ã®ä¸‰å±žæ€§ï¼ˆä¸‰è¦ç´ ã¨ã‚‚呼ã¶ï¼‰ã‹ã‚‰æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ 彩度色ã®é®®ã‚„ã‹ã•ã®åº¦åˆã„を表ã—ã¾ã™ã€‚彩度ã®é«˜ã„色ã¯æ´¾æ‰‹ãƒ»è¯ã‚„ã‹ãƒ»ç›®ç«‹ã¤è‰²ã¨ã„ãˆã¾ã™ã€‚åä¾›æœã‚„ã‚ャラクターグッズ関連ã®ã‚µã‚¤ãƒˆã«ã¯å½©åº¦ã®é«˜ã„色ãŒä½¿ã‚れるã“ã¨ãŒå¤šã„ã§ã™ã€‚逆ã«å½©åº¦ã®ä½Žã„色ã¯åœ°å‘³ãƒ»ãŠã ã‚„ã‹ãƒ»ä¸Šå“ã§ã‚ã‚‹ã¨ã„ãˆã‚‹ã§ã—ょã†ã€‚和食・ヴィンテージ風デザインã®ã‚µã‚¤ãƒˆã«ã¯å½©åº¦ã®ä½Žã„色ãŒã‚ˆã使ã‚ã‚Œã¾ã™ã€‚ 明度色ã®æ˜Žã‚‹ã•ã®åº¦åˆã„を表ã—ã¾ã™ã€‚明度ãŒé«˜ã„ï¼æ˜Žã‚‹ã„色ã¯ã•ã‚ã‚„ã‹ã§çˆ½å¿«ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã€æ˜Žåº¦ãŒä½Žã„ï¼æš—ã„色ã¯é‡åŽšã§è½ã¡ç€ã„ãŸã‚¤ãƒ¡
ウェブé…色ツール Ver2.0
基本的ãªä½¿ã„æ–¹ 左上ã®ã‚«ãƒ©ãƒ¼ãƒ”ッカーを使ã£ã¦ã€ä»»æ„ã®1色を作れã°ã€ãã‚Œã«åˆã‚ã›ãŸé…色ãŒä½œã‚Œã‚‹ãƒ„ールã§ã™ã€‚ã¾ãŸãƒã‚´ã®æ–‡å—や色ã¯ä»»æ„ã®ç‰©ã‚’指定ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ï¼ˆãŸã ã—フォントã¯å¤‰æ›´å‡ºæ¥ã¾ã›ã‚“）。 カラーピッカーã®ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’利用ã™ã‚Œã°ã€ãƒ¡ã‚¤ãƒ³ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®å¤‰æ›´ã‚„色相幅も変ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚å‹•ããŒå¿…è¦ãªé…色ã®å ´åˆã«ã¯ã€2ã¤ã‚ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å³ã«å‹•ã‹ã—ã¦ãã ã•ã„。補色é…色ã«è¿‘ã„é…色ãŒå‡ºæ¥ä¸ŠãŒã‚Šã¾ã™ã€‚ 色ã®ä¸€è¦§ã‚’押ã™ã“ã¨ã§ã€å‡ºæ¥ä¸ŠãŒã£ãŸè‰²ã®ä¸€è¦§ã‚’表示ã—ã¾ã™ã®ã§ã€ã‚³ãƒ”ー&ペーストã—ã¦ãŠä½¿ã„ãã ã•ã„。 ã“ã®é…色ツールã«ã¤ã„㦠ã“ã®é…色ツールã¯ãƒ•ã‚©ãƒ«ãƒˆã‚¥ãƒŠã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚リンクç‰ã¯å½“然ã®ã“ã¨ãªãŒã‚‰è‡ªç”±ã«ã—ã¦ã„ãŸã ã„ã¦æ§‹ã„ã¾ã›ã‚“ãŒã€ç„¡æ–ã§è¤‡è£½ãƒ»è»¢è¼‰ã™ã‚‹ã®ã¯ãŠã‚„ã‚ãã ã•ã„。 å–æ・執ç†ç‰ã®ãŠç”³ã—込㿠ã“ã®ãƒ„ールã«é–¢ã—ã¦ã®ã”質å•ã€ã‚ã‚‹ã„ã¯ãã®ä»–ã®è‰²ã«é–¢ã™ã‚‹å–æ・æ¥å‹™ã‚„講演ãªã©ã¯ã€ãƒ•ã‚©ãƒ«ãƒˆã‚¥
webサイト作æˆæ™‚ã«ã‚µã‚¤ãƒˆã‚«ãƒ©ãƒ¼ã‚’決ã‚られãªã„人ã®ç‚ºã®webサービスã„ãã¤ã‹*ホームページを作る人ã®ãƒã‚¿å¸³
webサイトを作æˆã™ã‚‹ã¨ãã«ã€ã©ã†ã—ã¦ã‚‚サイト全体ã®è‰²ã‚’決ã‚られãªã„ã¨ã„ã†äººã®ç‚ºã®ã‚¨ãƒ³ãƒˆãƒªã€‚ 本当ã¯å°‘ã—濃ã„オレンジ系ãŒé£Ÿã¹ç‰©å±‹ã«å‘ã„ã¦ã„ã‚‹ã¨ã‹ã€è–„ã„グレーãŒé«˜ç´šæ„Ÿã‚„è½ã¡ç€ãを出ã™ã‚ˆã†ãªãƒšãƒ¼ã‚¸ã ã¨ã‹ã€æ¸…潔感ã®ã‚るイメージを作る為ã«ã¯é»’を背景ã«ã—ã¦ã¯é§„ç›®ã¨ã‹ã¨ã„ã†ãŠè©±ã‚’å…ˆã«ã—ãŸã»ã†ãŒè‰¯ã„ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã™ãŒã€ãã‚“ãªã®ã«ã¨ã‚‰ã‚ã‚Œã¦ã‚‚ã—ょã†ãŒãªã„æ°—ã‚‚ã™ã‚‹ã®ã§ã€æ°—ã«ã›ãšã„ãã¾ã—ょã†ã€‚ サイトカラーをツールã«ä»»ã›ã‚‹ kuler ç›´æ„Ÿçš„ã«è‰²ã‚’決ã‚ãŸã„人å‘ã‘。 よã•ãã†ãªé…色パターンãŒæ±ºã¾ã£ãŸã‚‰ä»¥ä¸‹ã‚’クリック。 ã“ã‚Œã§ç›´æ„Ÿçš„ã«ã‚µã‚¤ãƒˆã‚«ãƒ©ãƒ¼ã‚’決ã‚れるã¯ãšã§ã™ã€‚ãŸã¶ã‚“。 ã‚‚ã£ã¨ã‚‚ã£ã¨ç›´æ„Ÿã§æ±ºã‚ãŸã„ã¨ã„ã†äººã¯ä»¥ä¸‹ Color Theory 『難ã—ã„事を考ãˆã‚‹ã®ã¯å«Œãªã‚“ã 。もã£ã¨ã“ã†ã€ã°ã£ã¨ã€ã‚ºãƒãƒã£ã¨ãã‚‹ã®ãªã„ã®ã‹ã€ã¨ã„ã†äººã«ã¯ã“ã®ã‚µã‚¤ãƒˆãŒãŠå‹§ã‚。 マウスãƒã‚¤ãƒ³ã‚¿ã‚’好ããªã‚«ãƒ©ãƒ¼ã®ä¸Šã«ä¹—ã›ã‚‹ã ã‘ã®ã€ã¨ã¦ã‚‚ç°¡å˜ãª
ã€é…色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
ã€å…¬å¼ã€‘ãƒã‚¤ãƒãƒ¼ã‚ªãƒ¼ã‚¹ãƒˆãƒ©ãƒªã‚¢ï½œæ–°æ©Ÿèƒ½ï¼šã‚¸ãƒ£ãƒƒã‚¯ãƒãƒƒãƒˆãƒ»ã‚ャッシュãƒãƒƒã‚¯ãƒ—ãƒã‚°ãƒ©ãƒ ￤HighLow.com
ジャックãƒãƒƒãƒˆã«ã¤ã„ã¦ç‰¹åˆ¥ãªã‚ャッシュãƒãƒƒã‚¯å–引約定後ã«ã€å¹¸é‹ãªãƒ—レイヤーã¯æœ€å¤§100,000円ã®ã‚ャッシュãƒãƒƒã‚¯ãŒå½“ãŸã‚Šã¾ã™ã€‚ã¾ãŸã€Highlowãƒã‚¤ãƒ¤ãƒ«ãƒ†ã‚£ãƒ»ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãŒé«˜ã„ã»ã©å½“é¸ç¢ºçŽ‡ãƒ»é‡‘é¡ãŒä¸Šæ˜‡ã—ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
kuler
Website Designers / Website Designs // A Website Design Archive - Darkeye!
Color Hunter
{{#tags}}- {{label}}
{{/tags}}