🎨 Material Design Colors, Color Palette | Material UIMaterial Design Color Palette will help you quickly decide which color to choose for your project. Colors are taken from Google's Material Design Guidelines.
ä»»æ„ã®2色を指定ã™ã‚‹ã¨ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘レットを作ã£ã¦ãれる『Material Palette〠| 100SHIKI
ã“ã‚Œã€ã™ã”ã便利ã ・・・。 Material Paletteを使ãˆã°ã€å¥½ããª2色ã‹ã‚‰ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘レットを作ã£ã¦ãれる。 最新ã®Androidã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ãŒã€ã‚¼ãƒã‹ã‚‰é…色を作るã®ã¯å¤§å¤‰ãªã®ã§ã“ã†ã—ãŸãƒ„ールをã†ã¾ã使ã†ã¨ã„ã„ã ã‚ã†ã€‚ ãªãŠä½œã£ãŸãƒ‘レットã¯CSSã‚„Sassã€SVGãªã©ã®å½¢å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã 。 アプリ製作者ãªã‚‰çŸ¥ã£ã¦ãŠããŸã„ツールã§ã™ãªã€‚
Online Color Challenge
色ã®æ£ç¢ºãªèªè˜ã«å½±éŸ¿ã™ã‚‹è¦å› ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚テストã®çµæžœãŒæ¯Žå›žç•°ãªã‚‹å ´åˆã¯ã€ä¸‹è¨˜ã®ç†ç”±ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ 照明：照明ã¯è‰²è¦šã«å¤§ãã影響ã™ã‚‹è¦å› ã®ä¸€ã¤ã§ã™ã€‚脳ãŒèªè˜ã™ã‚‹è‰²ã¯ã€ç…§æ˜Žè‰²ã«ã‚ˆã£ã¦å·¦å³ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’ã”å˜çŸ¥ã§ã—ãŸã‹ï¼Ÿç…§æ˜Žè£…ç½®ãªã©ã‚’用ã„ã¦ã€å¸¸ã«ç®¡ç†ã•ã‚ŒãŸå…‰æºä¸‹ã§è‰²ã‚’判æ–ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ょã†ã€‚ 背景色ã®å½±éŸ¿ï¼šäººé–“ã®ç›®ãŒèªè˜ã™ã‚‹è‰²ã¯ã€å‘¨å›²ã®è‰²ã«å½±éŸ¿ã•ã‚Œã¾ã™ã€‚ã“ã®ç¾è±¡ã‚’åŒæ™‚対比ã¨å‘¼ã³ã¾ã™ã€‚色を判æ–ã™ã‚‹éš›ã€å¸¸ã«ãƒ‹ãƒ¥ãƒ¼ãƒˆãƒ©ãƒ«è‰²ã®ç’°å¢ƒã§è¡Œã£ã¦ãã ã•ã„。 ç›®ã®ç–²åŠ´ï¼šç§ãŸã¡ã®ç›®ã¯ç–²ã‚Œã‚„ã™ãã€ç‰©ä½“ã‚’2ã€3秒以上眺ã‚ã‚‹ã¨ç›®ã®åŒ–å¦ç‰©è³ªãŒæ¶ˆè€—ã•ã‚Œã€é–“é•ã£ãŸã‚«ãƒ©ãƒ¼æƒ…å ±ãŒè„³ã«é€ä¿¡ã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚色ã®ç›®è¦–評価を行ã†éš›ã¯ã€å†åº¦è¦³å¯Ÿã™ã‚‹å‰ã«ç›®ã‚’休ã‚ã¦ãã ã•ã„。 ä¹ã—ã„色ã®è¨˜æ†¶åŠ›ï¼šã©ã‚“ãªè‰²ã§ã‚‚ã€è©³ç´°ã‚’記憶ã™ã‚‹ã®ã¯éžå¸¸ã«é›£ã—ã„ã“ã¨ã§ã™ã€‚ã‚ãšã‹ãªè‰²å·®ã‚’効果的ã«åˆ¤æ–ã™ã‚‹ã«ã¯ã€ã‚µãƒ³ãƒ—ルãŒäººã®å¿ƒã‚’å‹•ã‹ã™ç¨‹ã«å°è±¡çš„ã§ãªã‘ã‚Œã°ã„ã‘
色色 [:iroiro] - 「言葉ã€ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘レットを自動生æˆã—よã†ï¼
色色[:iroiro]ã¨ã¯ã€ã€Œè¨€è‘‰ã€ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘レットを生æˆã™ã‚‹ã‚µãƒ¼ãƒ“スã§ã™ã€‚
![色色 [:iroiro] - 「言葉ã€ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘レットを自動生æˆã—よã†ï¼](https://cdn-ak-scissors.b.st-hatena.com/image/square/af968f100788dea6e8fc8badabc54f2003dd7bb9/height=288;version=1;width=512/http%3A%2F%2Fsynthsky.com%2Firoiro%2Fimgs%2Firoiross.jpg)
マーケティングã«ãŠã‘る色彩心ç†å¦ã®æœ¬å½“ã®ä½¿ã„æ–¹
by Tiger Pixel マーケティングã«ãŠã„ã¦è‰²å½©å¿ƒç†å¦ã‚’利用ã™ã‚‹ã“ã¨ã¯é‡è¦ã¨ã•ã‚Œã¾ã™ãŒã€è‰²å½©ã®æŒã¤åŠ¹æžœã¯å€‹äººã®çµŒé¨“ã«ä¾å˜ã—ã€å¦è¡“çš„ã«è£ä»˜ã‘ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ãŒå°‘ãªã„ãŸã‚ã€è°è«–も多ã„ã¨ã“ã‚ã§ã™ã€‚ãã“ã§Help ScoutãŒãƒ–ãƒã‚°ã§ç ”究ã«ã‚ˆã£ã¦æ˜Žã‚‰ã‹ã«ã•ã‚ŒãŸè‰²å½©ã®æŒã¤ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã§ã®åŠ¹æžœã‚’ã¾ã¨ã‚ãŸã®ãŒã€ŒThe Psychology of Color in Marketing and Brandingã€ã§ã€å®Ÿéš›ã«å•†å“を売り出ã—ãŸã‚Šã€ã‚¦ã‚§ãƒ–サイトをデザインã™ã‚‹éš›ã«ã‚‚éžå¸¸ã«å½¹ç«‹ã¤å†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚ The Psychology of Color in Marketing and Branding | Help Scout https://www.helpscout.net/blog/psychology-of-color/ ◆色彩心ç†å¦ã«é–¢ã™ã‚‹èª¤è§£ ã©ã†ã—ã¦è‰²å½©å¿ƒç†å¦ã¯å¤šãã®èª¤è§£ã‚’å«ã¿ã€ãã—ã¦
ç”»é¢ã‚’ãƒã‚«ãƒã‚«ã•ã›ã‚‹æ´»å‹•ã®æŒ¯ã‚Šè¿”ã‚Šã¨ãƒŽã‚¦ãƒã‚¦ã®å…±æœ‰ - hitode909ã®æ—¥è¨˜
ã¼ãã¯ãƒ©ã‚¤ãƒ•ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦ç”»é¢ã‚’ãƒã‚«ãƒã‚«ã•ã›ã‚‹æ´»å‹•ã‚’ã—ã¦ã‚‹ã®ã ã‘ã©ï¼Œå‘¨ã‚Šã®äººã«ã‚ã¾ã‚Šç†è§£ã—ã¦ã‚‚らãˆãªãã¦ï¼Œã¾ã¶ã—ã„ã¨ã‹ï¼Œãã‚“ãªä½Žä¿—ãªã“ã¨ã‚’ã‚„ã£ã¦ï¼Œã¿ãŸã„ãªå応をã•ã‚Œã‚‹ï¼Ž ã‘ã©ï¼Œç”»é¢ã‚’ãƒã‚«ãƒã‚«ã•ã›ã‚‹ã ã‘ã§ã‚‚，ã„ã‚ã„ã‚ã¨å·¥å¤«ã§ãã‚‹ã“ã¨ã¨ã‹ã‚る．今日ã¯ã“ã‚Œã¾ã§ã®æ´»å‹•ã®æŒ¯ã‚Šè¿”ã‚Šã¨ï¼Œãã‚Œã§å¾—ãŸãƒŽã‚¦ãƒã‚¦ã‚’共有ã—よã†ã¨æ€ã„ã¾ã™ï¼Ž éŽåŽ»ã®æ´»å‹• ã“ã‚Œã¾ã§ã«ï¼Œã„ã‚ã„ã‚ç”»é¢ã‚’ãƒã‚«ãƒã‚«ã•ã›ã‚‹ã‚„ã¤ä½œã£ã¦ã„ã‚‹ã®ã§ï¼Œé †ã«ç´¹ä»‹ã—ã¾ã™ï¼Ž コード残ã£ã¦ã‚‹ã®ã¯2010å¹´ã‹ã‚‰ã ã‘ã©ï¼Œä¸€ç•ªå¤ã„ã®ã¯ä¸å¦ç”Ÿã®ã¨ãã«RPGツクールã§ä½œã£ãŸç”»é¢ãŒãƒã‚«ãƒã‚«ã™ã‚‹ã‚²ãƒ¼ãƒ ã§ï¼Œé€”ä¸ã¾ã§ã¯RPGã¨ã—ã¦éŠã¹ã‚‹ã‘ã©ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ãŒé€²ã‚€ã¨ç”»é¢ãŒé«˜é€Ÿã§ç‚¹æ»…ã—始ã‚ã¦ãれ以é™ä½•ã‚‚ã§ããªããªã‚‹ã¨ã„ã†ã‚²ãƒ¼ãƒ ã§ã—ãŸï¼Ž å¤ãã¯ãƒã‚±ãƒ¢ãƒ³ã‚·ãƒ§ãƒƒã‚¯ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã‚‚ã‚ã£ãŸã‘ã©ï¼Œã¼ãã¯é–¢è¥¿ã«ä½ã‚“ã§ã¦è¦‹ã‚Œãªã‹ã£ãŸï¼Ž ウェブページをãƒã‚«ãƒã‚«ã•ã›ã‚‹ ã“ã®bookmarkletã‚’èµ·å‹•ã™ã‚‹ã¨ã‚¦ã‚§
ã€ãƒ†ã‚¹ãƒˆã€‘ãã¡ã‚“ã¨è‰²ãŒè¦‹ãˆã¦ã„ã¾ã™ã‹ï¼Ÿ オンラインã§ã€Œè‰²è¦šã€ã®ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã¿ã‚ˆã†
ã€ãƒ†ã‚¹ãƒˆã€‘ãã¡ã‚“ã¨è‰²ãŒè¦‹ãˆã¦ã„ã¾ã™ã‹ï¼Ÿ オンラインã§ã€Œè‰²è¦šã€ã®ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã¿ã‚ˆã† ä½è—¤è‹±å…¸ 2012å¹´6月30æ—¥ 女性ã®255人ã«ã²ã¨ã‚Šã€ç”·æ€§ã§ã¯12人ã«ã²ã¨ã‚ŠãŒè‰²è¦šã«ä½•ã‚‰ã‹ã®å•é¡ŒãŒã‚ã‚‹ã¨ã„ã†ã€‚ã‚ãªãŸã¯å¤§ä¸ˆå¤«ã ã‚ã†ã‹ï¼Ÿã€€ã‚«ãƒ©ãƒ¼ã‚µã‚¤ã‚¨ãƒ³ã‚¹ãŠã‚ˆã³ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼åˆ†é‡Žã®ä¸–界的ãªä¼æ¥ã®ã€Œã‚¨ãƒƒã‚¯ã‚¹ãƒ©ã‚¤ãƒˆã€ã¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã§ãる色覚ã®ãƒ†ã‚¹ãƒˆã‚’æä¾›ã—ã¦ã„る。気ã«ãªã‚‹æ–¹ã¯ãœã²ã¨ã‚‚ãƒã‚§ãƒƒã‚¯ã—ã¦é ‚ããŸã„。 åŒç¤¾ãŒæä¾›ã—ã¦ã„る「Online Color Challengeã€ã¯ã€ãƒžã‚¹ã«ä¸¦ã¶è‰²ã®é †ç•ªã‚’ã‹ãˆã¦ã€ãã‚Œã„ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’完æˆã•ã›ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚左端ã¨å³ç«¯ã®ãƒžã‚¹ã«ã¯ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹è‰²ãŒé…ç½®ã•ã‚Œã¦ã„る。隣りåˆã†è‰²ã‚’見極ã‚ã¦ã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ—ã§ä¸¦ã¹æ›¿ãˆã¦ã„ãã®ã 。 4ã¤ã®ä¸¦ã¹æ›¿ãˆã‚’終ãˆã¦ã€ã€Œscore testã€ã®ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ã€ã™ãã«è©•ä¾¡ç‚¹ãŒã‚ã‹ã‚‹ã€‚評価点ã¯ä½Žã„ã»ã©è‰¯ã„çµæžœã§ã€ã‚¼ãƒç‚¹ãŒæœ€é«˜ã®è©•ä¾¡ã€‚100点
カラーマãƒãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆå‹•ä½œè©¦é¨“ページ
カラーマãƒãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆå‹•ä½œè©¦é¨“ページ ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€Webブラウザーã®ã‚«ãƒ©ãƒ¼ãƒžãƒãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆæ©Ÿèƒ½ãŒå‹•ä½œã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’試ã™ã“ã¨ã‚’目的ã¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã«ã¯ç•°ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ã‚’埋ã‚込んã 5ã¤ã®RGB-JPEGç”»åƒã€ãªã‚‰ã³ã«ã€åŒã˜ã‚«ãƒ©ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ã‚’埋ã‚è¾¼ã¿ã€ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã‚’PNGå½¢å¼ã«ã—ãŸ1ã¤ã®ç”»åƒã€åˆè¨ˆ6ã¤ã®ç”»åƒãŒã‚る。 広ã„色域を有ã™ã‚‹AdobeRGBモニタを使用ã—ã€ã‹ã¤ã€CMSãŒæ£ã—ã動作ã—ã¦ã„ã‚‹ãªã‚‰ã€ã“れらã®è‰²åˆã„ã¯ã»ã¼åŒã˜è¦‹ãˆæ–¹ã«ãªã‚‹ã¯ãšã 。ã¾ãŸã€é€šå¸¸ã®sRGB色域ã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã§è¦³å¯Ÿã—ã¦ã‚‚ã€å½©åº¦ã®é®®ã‚„ã‹ãªãƒ”ンク色ã®çŸ³ã‘ん部分以外ã®å¤§åŠã®éƒ¨åˆ†ã¯åŒã˜ã‚ˆã†ã«è¦‹ãˆã‚‹ã¯ãšã§ã‚る。 特ã«ä¸æ®µåˆ—å·¦å´ã®ã€ŒAdRGchangeGm1ã€ã¨è¨˜ã—ãŸç”»åƒã¯ã€Photoshop上ã§Rãƒãƒ£ãƒ³ãƒãƒ«ã¨Gãƒãƒ£ãƒ³ãƒãƒ«ã‚’入れ替ãˆã€ã‹ã¤ã‚¬ãƒ³ãƒžå€¤ã‚’大幅ã«å¤‰æ›´ã—ã¦ã¦ãƒ‡ã‚¿ãƒ©ãƒ¡ãªè¦‹ãˆæ–¹ã«ã—ã¦ãŠãã€ä¸€æ–¹ã§åŸ‹ã‚込むã¹ãICCプãƒãƒ•ã‚¡ã‚¤ãƒ«ã®è¨˜
asada's memorandum (ゴッホã®æœ¬å½“ã®ã™ã”ã•ã‚’知ã£ãŸæ—¥)
先日ã€åŒ—æµ·é“カラーユニãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æ©Ÿæ§‹ï¼ˆåŒ—æµ·é“CUDO）ã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã€ã€Œè‰²è¦šä½“験ルームã€ã¨ã„ã†ã®ã‚’経験ã—ãŸã€‚特殊ãªåˆ†å…‰ç‰¹æ€§ã‚’æŒã¤ãƒ©ã‚¤ãƒˆã«ç‰¹æ®Šãªå…‰å¦ãƒ•ã‚£ãƒ«ã‚¿ã‚’被ã›ãŸã‚‚ã®ã‚’照明ã¨ã—ã¦ä½¿ç”¨ã—ã¦ã„ã‚‹ãã®éƒ¨å±‹ã®ä¸ã§ã¯ã€ä¸€èˆ¬åž‹ã®è‰²è¦šã®äººã§ã‚‚ã€P型（1型）やD型（2型）色覚ã®äººã¨åŒæ§˜ã«è‰²ãŒè¦‹ãˆã¦ã—ã¾ã†ã®ã 。ã¤ã¾ã‚Šã€ç‰¹å®šã®è‰²ã®çµ„åˆã›ã«ãŠã„ã¦ã€è‰²ã®åŒºåˆ¥ãŒã¤ã‹ãªããªã£ã¦ã—ã¾ã†ã€‚ã“ã‚“ãªã™ã”ã„ã‚‚ã®ã‚’よã作れãŸã¨æ€ã†ã€‚ãã®éƒ¨å±‹ã®ä¸ã§ã„ã‚ã„ã‚ãªã‚‚ã®ã‚’見ãŸãŒã€è£¸çœ¼ã§è‰²è¦šä½“験を行ã†ã®ã¯ã€ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã‚’使ã£ã¦ãƒ‡ã‚£ã‚¹ãƒ—レイ上ã§è¦‹ã‚‹ã®ã¨ã¯ã¾ãŸé•ã£ãŸè‡¨å ´æ„ŸãŒã‚る。貴é‡ãªä½“験ã ã£ãŸã€‚ 部屋ã®ä¸ã«ãƒ•ã‚£ãƒ³ã‚»ãƒ³ãƒˆãƒ»ãƒ•ã‚¡ãƒ³ãƒ»ã‚´ãƒƒãƒ›ï¼ˆVincent van Gogh）ã®çµµã®ã‚³ãƒ”ーãŒã‚ã£ãŸã€‚ãã®çµµã¯ã€ãªã‚“ã ã‹åƒ•ãŒã„ã¤ã‚‚見ã¦ã„るゴッホã¨é•ã£ã¦è¦‹ãˆãŸã€‚僕ã¯ã‚´ãƒƒãƒ›ã®çµµãŒå¤§å¥½ãã§ã€ã„ã‚ã„ã‚ãªç¾Žè¡“館ã§å®Ÿç‰©ã‚’何点も見ãŸã“ã¨ãŒã‚る。ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸè‰²ã®
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
色覚ã®ä»•çµ„ã¿ã¨è‰²å¼±è€…ã®å‘¼ç§° - Color Universal Design Organization/カラーユニãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æ©Ÿæ§‹
What Colors Mean
{{#tags}}- {{label}}
{{/tags}}