ColourCode: Color Palette Generator | Toptal®
カラーツール「0to255ã€ã§è‰²ã‚’決ã‚ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’作ã£ã¦ã¿ã‚‹
ã“ã®ãƒ–ãƒã‚°ã§ä½•å›žã‹ç´¹ä»‹ã—ã¦ã„ã‚‹0to255ã¨ã„ã†ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールã§ã™ãŒã€ã‹ãªã‚Šä¾¿åˆ©ã ã¨æ€ã†ã®ã§ä½¿ã„方を説明ã—ã¦ã¿ã¾ã™ã€‚ 色ã«é–¢ã™ã‚‹çŸ¥è˜ãŒä¹ã—ã„ç§ã§ã™ãŒã€0to255を使ã†ã¨ã¾ã¨ã¾ã£ãŸæ„Ÿã˜ã®é…色ã«ãªã‚‹ã®ã§é‡å®ã—ã¦ã„ã¾ã™ã€‚今回ã¯0to255を使ã£ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’作る際ã®è‰²é¸ã³ã‚’ã—ã¦ã¿ã¾ã™ã€‚ 0to255ã®ä½¿ã„æ–¹ ã¾ãšã€0to255ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã§ã™ãŒã€ä¸‹ã®ç”»åƒã®ã‚ˆã†ã«ã€ŒPICK A COLORã€ã‚’クリックã—ã¦ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’入力ã—ã¾ã™ã€‚ 今回ã¯ã€Œ#ff7400ã€ã‚’指定ã—ã¦ã¿ã¾ã™ã€‚ ã™ã‚‹ã¨ã€æŒ‡å®šã—ãŸè‰²ã‚ˆã‚Šæ˜Žã‚‹ã„色ã¨æš—ã„色ãŒã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ãªã£ã¦ãŸãã•ã‚“表示ã•ã‚Œã¾ã™ã€‚è¿‘ã„色ãŒãŸãã•ã‚“表示ã•ã‚Œã¾ã™ã®ã§ã€ã“れらをã†ã¾ã使ã†ã¨ã¾ã¨ã¾ã£ãŸæ„Ÿã˜ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒä½œã‚Œã¾ã™ã€‚ メニューã®é…色を決ã‚ã‚‹ ã¨ã„ã†ã“ã¨ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªé…色ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’作ã£ã¦ã¿ã¾ã™ã€‚ メニュー背景ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨å¢ƒç•Œç·šã®1pxラインã«ä½¿ã†è‰²ã‚’é¸ã‚“
ç§ãŒWebサイトã®é…色を決ã‚る時ã®æµã‚Œ
ã“ã“ã§å¾—ãŸè¨€è‘‰ã‚’å…ƒã«é…色を組ã¿ç«‹ã¦ã¦ã„ãã“ã¨ã«ãªã‚‹ã®ã§é‡è¦ãªéƒ¨åˆ†ã§ã™ã€‚ ä¼ãˆãŸã„イメージã¯å¤šãã®å ´åˆã€ã€Œæ˜Žã‚‹ã„ã€ã€Œå¯æ„›ã„ã€ã€Œè½ã¡ç€ã„ãŸã€ãªã©ã®å½¢å®¹è©žã§è¡¨ç¾ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ ãŸã ã€è¨€è‘‰ã‹ã‚‰é€£æƒ³ã•ã‚Œã‚‹ã‚‚ã®ã¯äººã«ã‚ˆã‚Šèª¤å·®ãŒã‚ã‚Šã¾ã™ã®ã§ã€ å‚考ã¨ãªã‚‹ã‚µã‚¤ãƒˆã‚„ã€å•†å“ãªã©å…·ä½“çš„ã«ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã¦ã‚‹ã‚‚ã®ã‚‚挙ã’ã¦ã‚‚らã†ã¨è‰¯ã„ã§ã™ã€‚ 下記ã¯Googleã®ç”»åƒæ¤œç´¢ã€Œé«˜ç´šã€ã®çµæžœã§ã™ã€‚人ã«ã‚ˆã£ã¦æŠ±ãイメージã¯æ§˜ã€…ã§ã™ã€‚ 「○○ã®ã‚ˆã†ãªé«˜ç´šæ„Ÿã€ã¨å…·ä½“çš„ã«ä¼ãˆã¦ã‚‚らã†ã¨è‰¯ã„ã§ã™ã€‚ 2.調査 競åˆã¨ãªã‚‹ä»–社サイトã®é…色を調査ã—ã€ãれらã¨åŒã˜ã‚ˆã†ãªé…色ã«ãªã‚‹ã“ã¨ã¯é¿ã‘ã¾ã™ã€‚ ãŸã ã—åŒæ¥ã®å…¨ã¦ã®ã‚µã‚¤ãƒˆã¨è¢«ã‚‰ãªã„よã†ã«ã™ã‚‹ã®ã¯ç„¡ç†ãŒã‚ã‚‹ã®ã§ã€ 商åœå†…ã§ç«¶åˆã¨ãªã‚‹ä»–社ã®ã¿ã‚’比較対象ã¨ã—ã¾ã™ã€‚ ã¾ãŸã€æ—¢ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãŒå刺やパンフレットã€ãƒ•ãƒ©ã‚¤ãƒ¤ãƒ¼ã€ãƒŽãƒ™ãƒ«ãƒ†ã‚£ã‚„ãªã©ã‚’制作ã—ã¦ã„ãŸã‚‰è¦‹ã›ã¦ã‚‚らã£ãŸã‚Šã€ 店舗ã§ã‚ã‚Œã°å¤–観・内装ã®
絶対ã«è¦šãˆã¦ãŠããŸã„webデザインã®é…色・カラー3ã¤ã®åŸºæœ¬ã¨åŸºç¤Ž
webデザインを考ãˆã‚‹æ™‚ã«ã‚«ãƒ©ãƒ¼ã¯åˆ‡ã£ã¦ã‚‚切りã¯ãªã›ã¾ã›ã‚“。ã—ã‹ã—ã€é…色ã¯è‹¦æ‰‹ã ã‘ã©ã€ã¾ãカラーã®å‹‰å¼·ã¯å¾Œã§ã„ã„や…センス無ã„ã—ãã®å‰ã«ã‚„ã‚‹ã“ã¨ã‚ã‚‹ã—…ã¨ãªã‚“ã¨ãªã後回ã—ã«ã•ã‚ŒãŒã¡ãªã‚“ã˜ã‚ƒãªã„ã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚基本を知ã£ã¦ãŠãã¨ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ã®ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“ã«æ案出æ¥ãŸã‚Šã€ç§ç”Ÿæ´»ã‚„æ–™ç†etc…様々ãªå ´é¢ã§ã¨ã£ã¦ã‚‚å¼·ã„味方ã«ãªã£ã¦ãれるã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã—ãŸã‚¹ã‚ルアップをã—ãŸã„ã¨è€ƒãˆã¦ã‚‹ãªã‚‰ã€ã¾ãšã¯é…色ã‹ã‚‰åˆã‚ã¦ã¿ã‚‹ã®ãŒè‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“XD 色ã£ã¦ï¼Ÿ カラーモードRGBã¨CMYKã¨ã¯ï¼Ÿ 色ã®ä¸‰å±žæ€§ã«ã¤ã„㦠「色相〠「明度〠「彩度〠具体的ãªä¾‹ã¨é…色方法 é¢ç©æ¯”率 å¯èªæ€§ 最後㫠1.色ã£ã¦ï¼Ÿ ã¾ãšä¸€å£ã«è‰²ã¨ã„ã£ã¦ã‚‚色々(シャレã˜ã‚ƒãªã„ã§ã™w)ã‚ã‚‹ã®ã§ã™ãŒå¤§ãã分ã‘ã¦æžœç‰©ã‚„å°åˆ·ç‰©ãªã©ç‰©ã«ã¤ã„ã¦ã‚‹è‰²ã¨ãƒ†ãƒ¬ãƒ“やパソコンã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ãªã©å…‰ã‚’放ã£ã¦ã„る色ã®2種類ãŒã‚ã‚Šã¾ã™ã€‚ 物体色
色彩センスã®ã„らãªã„é…色講座
3. 自己紹介 è·æ¥ï¼šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ 物心ã¤ã„ãŸã¨ãã«ã¯çµµã‚’æãã®ãŒå¥½ãã ã£ãŸ ãã®ã¾ã¾ã®å‹¢ã„ã§æŸç¾Žå¤§æŸãƒ‡ã‚¶ã‚¤ãƒ³ç§‘ã«é€²å¦ 社会ã«å‡ºãŸã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©±ãŒé€šã˜ãªã•ã™ãŽã¦æ‚¶çµ¶ ãã‚“ãªç¤¾ä¼šã«å¯¾ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŠ¹æžœã‚’ã‚Šã‚ã‚“ã¦ãã«èª¬æ˜Žã—ã¦èª¬å¾—ã—よã†ã¨ã—ã¦ã„ã‚‹ marippe_
ECサイトã®è‰²ã‚„デザインã¨è³¼è²·æ„欲ã®é–¢ä¿‚ | Webクリエイターボックス
色ã¨æ¶ˆè²»è€… 色ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®é‡è¦ãªè¦ç´ ã®ã²ã¨ã¤ã§ã™ã€‚ã—ã‹ã—ã€å…¨ä¸–ç•Œã«ãŠã„ã¦å…±é€šã—ã¦ã„ã‚‹ã¨ã¯è¨€ãˆã¾ã›ã‚“。北アメリカã§æ³¨ç›®ã•ã‚Œã‚„ã™ã„色ãŒã‚¤ãƒ³ãƒ‰ã§ã‚‚åŒã˜ã¨ã¯é™ã‚Šã¾ã›ã‚“よã。下記ã¯åŒ—アメリカã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³æ¶ˆè²»è€…ã¸ã®è‰²ã®åƒãã§ã™ã€‚ 黄色 楽観的・若々ã—ã•ã€‚ウィンドウショッピングをã—ã¦ã„る人ã®æ³¨æ„を集ã‚ã‚‹ãŸã‚ã«ä½¿ã‚ã‚Œã¾ã™ã€‚ 赤 エãƒãƒ«ã‚®ãƒƒã‚·ãƒ¥ã€‚心æ‹æ•°ã‚’高ã‚る色。緊急性ãŒã‚ã‚Šã€ã‚»ãƒ¼ãƒ«ä¸ã®å•†å“ã«ä½¿ã‚ã‚Œã¾ã™ã€‚ é’ ä¿¡é ¼ã¨å®‰å…¨ã®è‰²ã€‚銀行やä¼æ¥ã®ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã¨ã—ã¦ä½¿ã‚ã‚Œã¾ã™ã€‚ ç·‘ 裕ç¦ãƒ»ãƒªãƒ©ãƒƒã‚¯ã‚¹ã‚’連想ã•ã›ã‚‹è‰²ã€‚ç›®ã«å„ªã—ãã€ä¸€é€£ã®ãƒ—ãƒã‚»ã‚¹ã‚’容易ã«è¦‹ã›ã¾ã™ã€‚ オレンジ 活発・活動的ãªè‰²ã€‚「購入ã™ã‚‹ã€ã€Œè³¼èªã™ã‚‹ã€ãªã©ã®CTAボタンã«ä½¿ã‚れる事ãŒå¤šã„ã§ã™ã€‚ ピンク ãƒãƒžãƒ³ãƒãƒƒã‚¯ãƒ»å¥³æ€§çš„ãªè‰²ã€‚è‹¥ã„女ã®åや女性ã«å‘ã‘ãŸECサイトã§ä½¿ã‚ã‚Œã¾ã™ã€‚ é»’ パワフル・滑らã‹ãƒ»å…‰æ²¢ãªã©ã€‚高級ãªå•†å“を扱ã†ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¾ã™ã€‚ ç´« è½ã¡ç€ã
ウェブé…色ツール Ver2.0
基本的ãªä½¿ã„æ–¹ 左上ã®ã‚«ãƒ©ãƒ¼ãƒ”ッカーを使ã£ã¦ã€ä»»æ„ã®1色を作れã°ã€ãã‚Œã«åˆã‚ã›ãŸé…色ãŒä½œã‚Œã‚‹ãƒ„ールã§ã™ã€‚ã¾ãŸãƒã‚´ã®æ–‡å—や色ã¯ä»»æ„ã®ç‰©ã‚’指定ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ï¼ˆãŸã ã—フォントã¯å¤‰æ›´å‡ºæ¥ã¾ã›ã‚“）。 カラーピッカーã®ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’利用ã™ã‚Œã°ã€ãƒ¡ã‚¤ãƒ³ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®å¤‰æ›´ã‚„色相幅も変ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚å‹•ããŒå¿…è¦ãªé…色ã®å ´åˆã«ã¯ã€2ã¤ã‚ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å³ã«å‹•ã‹ã—ã¦ãã ã•ã„。補色é…色ã«è¿‘ã„é…色ãŒå‡ºæ¥ä¸ŠãŒã‚Šã¾ã™ã€‚ 色ã®ä¸€è¦§ã‚’押ã™ã“ã¨ã§ã€å‡ºæ¥ä¸ŠãŒã£ãŸè‰²ã®ä¸€è¦§ã‚’表示ã—ã¾ã™ã®ã§ã€ã‚³ãƒ”ー&ペーストã—ã¦ãŠä½¿ã„ãã ã•ã„。 ã“ã®é…色ツールã«ã¤ã„㦠ã“ã®é…色ツールã¯ãƒ•ã‚©ãƒ«ãƒˆã‚¥ãƒŠã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚リンクç‰ã¯å½“然ã®ã“ã¨ãªãŒã‚‰è‡ªç”±ã«ã—ã¦ã„ãŸã ã„ã¦æ§‹ã„ã¾ã›ã‚“ãŒã€ç„¡æ–ã§è¤‡è£½ãƒ»è»¢è¼‰ã™ã‚‹ã®ã¯ãŠã‚„ã‚ãã ã•ã„。 å–æ・執ç†ç‰ã®ãŠç”³ã—込㿠ã“ã®ãƒ„ールã«é–¢ã—ã¦ã®ã”質å•ã€ã‚ã‚‹ã„ã¯ãã®ä»–ã®è‰²ã«é–¢ã™ã‚‹å–æ・æ¥å‹™ã‚„講演ãªã©ã¯ã€ãƒ•ã‚©ãƒ«ãƒˆã‚¥
カラーユニãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æŽ¨å¥¨é…色セット
色覚ã®å¤šæ§˜æ€§ã«é…æ…®ã—㟠案内・サイン・図表ç‰ç”¨ã®ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ 推奨é…色セット â– æ±äº¬å¤§å¦åˆ†å細胞生物å¦ç ”究所 é«˜æ¬¡æ§‹é€ ç ”ç©¶åˆ†é‡Žã€€ä¼Šè—¤å•“ ■社団法人日本塗料工æ¥ä¼šï¼ˆJPMA） â– DIC æ ªå¼ä¼šç¤¾ï¼ˆæ—§ï½¥å¤§æ—¥æœ¬ã‚¤ãƒ³ã‚化å¦å·¥æ¥æ ªå¼ä¼šç¤¾ï¼‰ DIC ã‚«ãƒ©ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³æ ªå¼ä¼šç¤¾ ■特定éžå–¶åˆ©æ´»å‹•æ³•äººã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æ©Ÿæ§‹ï¼ˆCUDO） 概略 一般ã®äººã«ã‚‚色ã®è¦‹ãˆæ–¹ãŒç•°ãªã‚‹äººã«ã‚‚見分ã‘ã‚„ã™ã„ã€ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æŽ¨å¥¨é…色セットを作æˆã€‚ 被験者実験をé‡ãã€æ•°åƒã®å€™è£œè‰²ã‹ã‚‰20色を絞り込ã¿ã€‚ å¡—æ–™æ¥ç•Œã®è‰²æŒ‡å®šã®æ¥ç•Œæ¨™æº–ã§ã‚ã‚‹JPMA塗料用標準色2011å¹´F版ã«å¯¾å¿œè‰²ã‚’åŽéŒ²ã€‚å°åˆ·ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã®è‰²æŒ‡å®šã®æ¥ç•Œæ¨™æº–ã§ã‚ã‚‹DICカラーガイドシリーズã‹ã‚‰å¯¾å¿œè‰²ã‚’é¸å‡ºã€‚ ã¯ã˜ã‚㫠　ã„ã‚ゆる色弱（色覚異常）ã®äººã‚„ã€ç·‘内障ãªã©ç¶²è†œã®ç–¾æ‚£ã‚’æŒã¤äººã€ç™½å†…éšœã®äººã¯ã€è‰²ã«ã‚ˆã£ã¦ã¯é•ã„ã‚’
ã€å…¬å¼ã€‘ãƒã‚¤ãƒãƒ¼ã‚ªãƒ¼ã‚¹ãƒˆãƒ©ãƒªã‚¢ï½œæ–°æ©Ÿèƒ½ï¼šã‚¸ãƒ£ãƒƒã‚¯ãƒãƒƒãƒˆãƒ»ã‚ャッシュãƒãƒƒã‚¯ãƒ—ãƒã‚°ãƒ©ãƒ ￤HighLow.com
ジャックãƒãƒƒãƒˆã«ã¤ã„ã¦ç‰¹åˆ¥ãªã‚ャッシュãƒãƒƒã‚¯å–引約定後ã«ã€å¹¸é‹ãªãƒ—レイヤーã¯æœ€å¤§100,000円ã®ã‚ャッシュãƒãƒƒã‚¯ãŒå½“ãŸã‚Šã¾ã™ã€‚ã¾ãŸã€Highlowãƒã‚¤ãƒ¤ãƒ«ãƒ†ã‚£ãƒ»ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãŒé«˜ã„ã»ã©å½“é¸ç¢ºçŽ‡ãƒ»é‡‘é¡ãŒä¸Šæ˜‡ã—ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
//// COLOURlovers :: loving colours since 1981
ウェブ・å°åˆ·ãƒ‡ã‚¶ã‚¤ãƒ³å‘ã‘ã€ãƒ†ãƒ¼ãƒžåˆ¥ãƒ»ã‚«ãƒ©ãƒ¼åˆ¥ã®è‰²ã®çµ„ã¿åˆã‚ã›ã‚„カラースã‚ームã®ã¾ã¨ã‚
http://www.designwalker.com/2009/01/color-tool.html
kuler
webサイト作æˆæ™‚ã«ã‚µã‚¤ãƒˆã‚«ãƒ©ãƒ¼ã‚’決ã‚られãªã„人ã®ç‚ºã®webサービスã„ãã¤ã‹*ホームページを作る人ã®ãƒã‚¿å¸³
{{#tags}}- {{label}}
{{/tags}}