[B! Color] eriko315ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

eriko315 id:eriko315

Colorã«é–¢ã™ã‚‹eriko315ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (54)

${{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}}

è‰²èª¿è£œæ£ã‚’æ£ã—ãè¡Œãªã†ãŸã‚ã«PCç’°å¢ƒã‚’æ•´ãˆã‚‹ | Photoshop è‰²èª¿è£œæ£ã‚¼ãƒŸãƒŠãƒ¼ãƒ« | Shuffle by COMMERCIAL PHOTO
è‰²èª¿è£œæ£ã®ãŸã‚ã®ã‚¹ã‚ãƒ«ã‚’èº«ã«ç€ã‘ãŸã‚‰ã€ç¶šã„ã¦ç€æ‰‹ã—ãŸã„ã®ãŒPCã®ç’°å¢ƒã‚’æ•´ãˆã‚‹ã“ã¨ã€‚ãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚ãƒ£ãƒªãƒ–ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚«ãƒ©ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ãªã©ã€ã©ã“ã¾ã§ã‚‚å¥¥æ·±ã„è©±ã«ãªã£ã¦ã—ã¾ã†åˆ†é‡Žã ãŒã€ä»Šå›žã¯æ¥µåŠ›ã‚ã‹ã‚Šã‚„ã™ãã€èª°ã§ã‚‚ç°¡å˜ã«å°Žå…¥ã§ãã‚‹ã‚ˆã†è§£èª¬ã™ã‚‹ã€‚ è¨˜å¿µã™ã¹ãé€£è¼‰ç¬¬10å›žç›®ã®ä»Šå›žã¯ã€ã€Œè‰²èª¿è£œæ£ã‚’æ£ã—ãè¡Œãªã†ãŸã‚ã«ã€PCç’°å¢ƒã‚’æ•´ãˆã‚‹ã“ã¨ã€ã«ã¤ã„ã¦ãŠè©±ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚æ–°ã—ã„ã‚¹ãƒ†ãƒ¼ã‚¸ã¸ã®æ‰‰ã‚’é–‹ãå›žã§ã™ï¼ ä»Šã¾ã§ã“ã®é€£è¼‰ã§ã¯ã€è‰²èª¿è£œæ£ã®æ–¹æ³•ã‚’ãŠä¼ãˆã—ã¦ãã¾ã—ãŸã€‚ã€Œå†™çœŸå…¨ä½“ã®æ˜Žã‚‹ã•ã‚„è‰²èª¿ã€ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹æ–¹æ³•ã¯ã€ã‚‚ã†ã‹ãªã‚Šèº«ã«ã¤ã„ã¦ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªã‚ãªãŸã‚’æ¬¡ã®ã‚¹ãƒ†ãƒ¼ã‚¸ã¸ãŠé€£ã‚Œã™ã‚‹ãŸã‚ã«ã€ã¡ã‚‡ã£ã¨è‹¦ã„ãŠè©±ã‚’ã—ãªãã¦ã¯ãªã‚Šã¾ã›ã‚“ã€‚ ï¼ˆå¿ƒè‹¦ã—ã„ã®ã§ã™ãŒï¼‰ã€æ—©é€Ÿè‹¦ã„ä¸€è¨€ã‚’ç”³ã—ä¸Šã’ã¾ã™ã€‚ã‚‚ã—ã€ã‚ãªãŸãŒèª¿æ•´ã—ãŸå†™çœŸã‚’äººã«æ¸¡ã—ãŸæ™‚ã€Œãªã‚“ã‹è‰²ãŒãŠã‹ã—ã„ã‚“ã ã‘ã©ï¼Ÿã€ã¨ã€è¨€ã‚ã‚ŒãŸã‚‰ã©ã†ã—ã¾ã™ã‹ï¼Ÿ ã€Œã›ã£ã‹ãè‰²èª¿è£œæ£
eriko315 2018/11/08
ãƒ¢ãƒ‹ã‚¿ãƒ¼ã®ã‚ãƒ£ãƒªãƒ–ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦

Photoshop

Color
ãƒªãƒ³ã‚¯
403 Error - Forbidden
403 Error ç¾åœ¨ã€ã“ã®ãƒšãƒ¼ã‚¸ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã¯ç¦æ¢ã•ã‚Œã¦ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ 403ERRORã¨ã„ã†ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã—ã¾ã™
eriko315 2018/04/16
WebService

Color

WebDesign
ãƒªãƒ³ã‚¯
è‰²ã€…å‹‰å¼·ä¸ã®äººé–“ãŒè‰²ã€…æ›¸ã„ã¦ã‚‹ãƒ–ãƒã‚°ã§ã™ | increment Log
ä»•äº‹ã‚„è¶£å‘³ã®å‚™å¿˜éŒ²ã‚’è‰²ã€…æ›¸ã„ã¦ã¾ã™ã€‚ â€»2019å¹´10æœˆ16æ—¥ç¾åœ¨ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ä¸ã«ã‚ˆã‚Šå´©ã‚ŒãŒç™ºç”Ÿã—ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚
eriko315 2018/04/16
Color

WebService
ãƒªãƒ³ã‚¯
è‰²ã®å‡¦ç†ã«ç‰¹åŒ–ã—ãŸè»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒChroma.jsã€
ã“ã‚“ã«ã¡ã¯ã€å¤è¦‹æ¾¤ï¼ˆã‚³ãƒŸã‚¶ãƒ¯ï¼‰ã§ã™ã€‚æœ€è¿‘ã¯å¯’ã„ã§ã™ãã€‚ è‡ªå®…ã«åŠ æ¹¿å™¨ã‚’å°Žå…¥ã—ã¦æ½¤ã„ãŒå¢—ã—ãŸä¸€æ–¹ã€çµéœ²ãŒé…·ãã¦çª“éš›ã‚„çŽ„é–¢ãŒã‚«ãƒ“ãã†ã§å›°ã£ã¦ã¾ã™ã€‚ ã•ã¦ä»Šå›žã¯ Chroma.js ã¨ã„ã†è‰²ã«é–¢ã™ã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«è§¦ã‚Œã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã™ãŒã€æ—¥æœ¬èªžã®è¨˜äº‹ãŒæ®†ã©è¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸãŸã‚ã€ã“ã®ç´¹ä»‹ã‚’ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Chroma.js ã¨ã¯ è‰²ã‚’è£œæ£ã—ãŸã‚Šã€è‰²ç©ºé–“ã®å¤‰æ›ã‚’ã—ãŸã‚Šã€ã‚«ãƒ©ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ã‚’è¨å®šã—ã¦è‰²ã‚’å¾—ã‚‹äº‹ãŒã§ãã‚‹ã€è‰²ã«é–¢ã™ã‚‹æŒ¯ã‚‹èˆžã„ã«ç‰¹åŒ–ã—ãŸè»½é‡ï¼ˆ32.8 KBï¼‰ãªJSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å¤šãã®è‰²ç©ºé–“ã«å¯¾å¿œã—ã¦ãŠã‚Šã€CSSã‚„JavaScriptã§æ‰±ã„ã‚„ã™ã„å½¢ã§è‰²æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã¯gitä¸Šã«ã‚ã‚Šã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ BSD license ã§ã™ã€‚ Chroma.js ã‚µãƒ³ãƒ—ãƒ« ä¸‹ã®ä¾‹ã¯è‰²ã®è£œæ£æ©Ÿèƒ½ã‚’ä½¿ã„ã€X11ã‚«ãƒ©ãƒ¼ã®pinkï¼ˆ#ffc0cbï¼‰ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€æ˜Žã‚‹ã•ã‚’ä¸‹ã’ã€å½©åº¦ã‚’ä¸Šã’ã€
eriko315 2018/04/16
Color

Javascript

Library
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2017/04/07/20170406new-google-tool-helps-developers-pick-the-right-colors-for-their-apps/
eriko315 2017/04/07
Google

Accessibility

Color

DesignMethod

DesignMaterial
ãƒªãƒ³ã‚¯
BrandColors
Close Modal About BrandColors BrandColors was created by DesignBombs. The goal was to create a helpful reference for the brand color codes that are needed most often. It's been featured by Smashing Magazine, CSS-Tricks, Web Design Depot, Tuts+, and over 2 million pageviews. There are now over 600 brands with 1600 colors and the collection is always growing.
eriko315 2015/12/11
SNSã‚µãƒ¼ãƒ“ã‚¹ã®è‰²ã‚³ãƒ¼ãƒ‰ã¾ã¨ã‚ã€‚ä¾¿åˆ©ãƒ¼ã€‚

SNS

Color

DesignMaterial
ãƒªãƒ³ã‚¯
è‰²è‰² [:iroiro] - ã€Œè¨€è‘‰ã€ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’è‡ªå‹•ç”Ÿæˆã—ã‚ˆã†ï¼
è‰²è‰²[:iroiro]ã¨ã¯ã€ã€Œè¨€è‘‰ã€ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ç”Ÿæˆã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚
eriko315 2014/02/06
WebService

Generator

Color
ãƒªãƒ³ã‚¯
Color Thief
Color Thief by Lokesh Dhakar Grab the color palette from an image using just Javascript. Works in the browser and in Node. Github Getting started The Color Thief package includes multiple distribution files to support different environments and build processes. Here is the list of all the files in the /dist folder and what formats they support: color-thief.js - CommonJS module for use in Node. col
eriko315 2013/09/22
ç”»åƒã‹ã‚‰è‰²æŠ½å‡ºã§ãã‚‹javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª

Color

Javascript
ãƒªãƒ³ã‚¯
Google
ä¸–ç•Œä¸ã®ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ã‚’æ¤œç´¢ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ã•ã¾ã–ã¾ãªæ¤œç´¢æ©Ÿèƒ½ã‚’æ´»ç”¨ã—ã¦ã€ãŠæŽ¢ã—ã®æƒ…å ±ã‚’è¦‹ã¤ã‘ã¦ãã ã•ã„ã€‚
eriko315 2013/03/03
WebService

WebDesign

UsabilityDesign

Color
ãƒªãƒ³ã‚¯
ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã§ç”»é¢ä¸Šã®è‰²ã‚’å–å¾—ã™ã‚‹Chromeæ‹¡å¼µæ©Ÿèƒ½ã€ŒColor Pickerã€ | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
ã€ŒColor Pickerã€ã¯ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã§é–‹ã„ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸å†…ã‹ã‚‰è‰²ã‚’å–å¾—ã§ãã‚‹Chrome æ‹¡å¼µæ©Ÿèƒ½ã§ã™ã€‚ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã§å–å¾—ã§ãã¾ã™ã—ã€RGBå€¤ã‚‚åŒæ™‚ã«è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ã‚¦ã‚§ãƒ–é–‹ç™ºãªã©ã®ãŠä»•äº‹ã‚’ã—ã¦ã„ã‚‹æ–¹ã«ã¯ä¾¿åˆ©ãªæ‹¡å¼µæ©Ÿèƒ½ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»¥ä¸‹ã«ä½¿ã£ã¦ã¿ãŸæ§˜åã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ã¾ãšã“ã¡ã‚‰ã‹ã‚‰Chromeã‚¦ã‚§ãƒ–ã‚¹ãƒˆã‚¢ã¸Google Chromeã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã€Color Pickerã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ æ‹¡å¼µæ©Ÿèƒ½ã‚’èµ·å‹•ã™ã‚‹ã¨ã€Œåå—ãƒžãƒ¼ã‚¯ã€ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€å–å¾—ã—ãŸã„è‰²ã®ä¸Šã¸æŒã£ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ãã®å ´ã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ãã®ã¾ã¾ã‚³ãƒ”ãƒ¼ã‚‚ã§ãã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã€‚ ã‚¦ã‚§ãƒ–ç³»ã®ãŠä»•äº‹ã‚’ã—ã¦ã„ã¦Chromeã§ã®ä½œæ¥ãŒå¤šã„æ–¹ã«ã¯é‡å®ã™ã‚‹æ‹¡å¼µæ©Ÿèƒ½ã‹ã¨æ€ã„ã¾ã™ã€‚ãœã²ã”æ´»ç”¨ãã ã•ã„ã€‚ Color Picker ï¼ˆã‚«ãƒ¡ãã¡ï¼‰
eriko315 2012/12/17
Chrome

Extensions

Color
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã¨æŠ€è¡“ã®ãƒ•ã‚§ãƒ³ãƒªãƒ« - ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒãƒ”ãƒã‚¹ã‚’
ãƒ•ã‚§ãƒ³ãƒªãƒ«ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆSleipnir ã‚¿ãƒ–ã®åˆ‡ã‚Šæ›¿ãˆã•ãˆã‚‚1ãƒ•ãƒªãƒƒã‚¯ã§ç‰‡ä»˜ãã€‚ æœ€é€Ÿã‚¿ãƒ–ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã€‚ æ ªå¼ä¼šç¤¾å¤§ä¸¸æ¾å‚å±‹ç™¾è²¨åº— æ ªå¼ä¼šç¤¾JFRæƒ…å ±ã‚»ãƒ³ã‚¿ãƒ¼å¤§ä¸¸ãƒ»æ¾å‚å±‹ã‚¢ãƒ—ãƒª å…¨å›½14åº—èˆ—ã®ã€Œå¤§ä¸¸ã€ã€Œæ¾å‚å±‹ã€ã® ä¾¿åˆ©ã§ãŠå¾—ãªã‚¢ãƒ—ãƒªã€‚ ãƒ•ã‚§ãƒ³ãƒªãƒ«ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆNILTO ç£¨ãè¾¼ã¾ã‚ŒãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã§ã€ ãƒãƒ¼ãƒ ã®ç†æƒ³ã‚’å®Ÿç¾ã™ã‚‹ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSã€‚ æ—¥æœ¬æ”¾é€å”ä¼šNHK ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ»é˜²ç½ ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚„ç½å®³æƒ…å ±ã€é˜²ç½ã«å½¹ç«‹ã¤ æƒ…å ±ãªã©ã‚’ã„ã¡æ—©ãå±Šã‘ã‚‹ã€NHKã®å…¬å¼ã‚¢ãƒ—ãƒªã€‚ æ ªå¼ä¼šç¤¾ã‚¯ãƒœã‚¿Kubota-PAD4.0 æ ªå¼ä¼šç¤¾ã‚¯ãƒœã‚¿ãŒã‚°ãƒãƒ¼ãƒãƒ«ã§å±•é–‹ã™ã‚‹ è¾²æ¥æ©Ÿæ¢°ã€å»ºè¨æ©Ÿæ¢°ã€ã‚¨ãƒ³ã‚¸ãƒ³ã®éƒ¨å“ã‚«ã‚¿ãƒã‚°ã‚·ã‚¹ãƒ†ãƒ ã€‚ ãƒ•ã‚§ãƒ³ãƒªãƒ«ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆBrushup ã‚¤ãƒ©ã‚¹ãƒˆãƒ»å†™çœŸãƒ»å‹•ç”»ãªã©ã®ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’åŠ¹çŽ‡åŒ–ã€‚ é«˜é€Ÿã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã€‚ è¥¿æ—¥æœ¬æ—…å®¢é‰„é“æ ªå¼ä¼šç¤¾ æ ªå¼ä¼šç¤¾JRè¥¿æ—¥æœ¬ITã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºJR è¥¿æ—¥æœ¬åˆ—è»Šèµ°
eriko315 2012/08/29
æ°—ã«ãªã‚‹ã‘ã© $600 ã‹â€¦

Color

Gadget

Scanner
ãƒªãƒ³ã‚¯
RGB color parser in JavaScript
What is it A JavaScript class that accepts a string and tries to figure out a valid color out of it. Some accepted inputs are for example: rgb(0, 23, 255) #336699 ffee66 fb0 red darkblue cadet blue For more accepted inputs - see the demo. Here's the javascript class - rgbcolor.js. Some history / motivation I was playing around with an idea (will post later) and I needed to get color information us
eriko315 2012/07/21
Color

Javascript

Library
ãƒªãƒ³ã‚¯
è‰²è¡¨ç¾ã‚’å¤‰æ›ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª - rgbcolor.js - p4lifeã®ãƒ¡ãƒ¢
CSSã®è‰²æŒ‡å®šæ–¹æ³•ã«ã¯ï¼Œ #ï¼ˆã‚·ãƒ£ãƒ¼ãƒ—ï¼‰è¨˜å·ã®å¾Œã«RGBã‚’6æ¡ã®16é€²æ•°ã§æŒ‡å®šã™ã‚‹æ–¹æ³•ï¼ˆe.g. #ff0000ï¼‰ #è¨˜å·ã®å¾Œã«RGBã‚’3æ¡ã®16é€²æ•°ã§æŒ‡å®šã™ã‚‹æ–¹æ³•ï¼ˆe.g. #f00ï¼‰ rgb() ã®æ‹¬å¼§å†…ã«RGBã‚’10é€²æ•°ã§æŒ‡å®šã™ã‚‹æ–¹æ³•ï¼ˆe.g. rgb(255,0,0)ï¼‰ è‰²åã‚’æŒ‡å®šã™ã‚‹æ–¹æ³•ï¼ˆe.g. redï¼‰ãªã©ï¼Œè‰²ã€…ã‚ã‚Šã¾ã™ï¼Ž å…¥åŠ›ãŒæŸ”è»Ÿãªã®ã¯è‰¯ã„ã“ã¨ãªã®ã§ã™ãŒï¼Œã²ã¨ã¤å›°ã£ãŸã“ã¨ãŒã‚ã£ã¦ï¼Œä»¥ä¸‹ã®ã‚ˆã†ã«è‰²ã‚’å–å¾—ã™ã‚‹ã¨ IE ã§ã¯ #ccc ãŒãã®ã¾ã¾è¡¨ç¤ºã•ã‚Œã¦ï¼ŒFireFox ã§ã¯ rgb(204,204,204) ã¨ã„ã†è¡¨ç¾ã«å¤‰æ›ã•ã‚Œã¦ã—ã¾ã„ã¾ã™ï¼Ž div id="mycolor" style="background-color:#ccc">div> script type="text/javascript"> // var el = document.getElementByI
eriko315 2012/07/21
Color

Javascript

Library
ãƒªãƒ³ã‚¯
javascriptã§ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«å¤‰åŒ–ã™ã‚‹èƒŒæ™¯è‰²(RGB)ã«å¿œã˜ã¦ã€ä¸Šã«è¼‰ã£ã¦ãã‚‹æ–‡å—ã‚’è¦‹ã‚„ã™ã„ã‚ˆã† "é»’ã¾ãŸã¯ç™½"ã«è¨å®šã—ãŸã„ã®ã§ã™ãŒã€ ã©ã†ã„ã£ãŸè¨ˆç®—ã§ã‚‚ã¨ã‚ã‚‰â€¦
javascriptã§ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«å¤‰åŒ–ã™ã‚‹èƒŒæ™¯è‰²(RGB)ã«å¿œã˜ã¦ã€ä¸Šã«è¼‰ã£ã¦ãã‚‹æ–‡å—ã‚’è¦‹ã‚„ã™ã„ã‚ˆã† "é»’ã¾ãŸã¯ç™½"ã«è¨å®šã—ãŸã„ã®ã§ã™ãŒã€ ã©ã†ã„ã£ãŸè¨ˆç®—ã§ã‚‚ã¨ã‚ã‚‰ã‚Œã¾ã™ã§ã—ã‚‡ã†ã‹ï¼Ÿ é»’ã¾ãŸã¯ç™½ã‚’ã€èƒŒæ™¯RGBå€¤ã‹ã‚‰ã©ã†ã‚„ã£ã¦åˆ¤å®šã—ãŸã‚‰ã„ã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ
eriko315 2012/07/21
Color

Javascript
ãƒªãƒ³ã‚¯
jQueryã®cssã§å¾—ã‚‰ã‚Œã‚‹è‰²æƒ…å ±ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦é•ã†
ã“ã‚Œã§å¤‰æ•°cã«è‰²æƒ…å ±ãŒæ–‡å—åˆ—ã§ä»£å…¥ã•ã‚Œã¾ã™ã€‚ ã¨ã¦ã‚‚ç°¡å˜ãªã®ã§ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦é•ã†æŒ™å‹•ã‚’ã—ã¾ã™ã€‚ IEã®å ´åˆ HTMLã§ã€Œstyle=â€color:blueâ€ã€ã¨ã™ã‚‹ã¨ã€Œblueã€ãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚ ã¾ãŸHTMLã§ã€Œstyle=â€color:rgb(0,0,255)â€ã€ã¨ã™ã‚‹ã¨ã€Œrgb(0,0,255)ã€ã¨ãªã‚Šã¾ã™ã€‚ ã€Œrgb(0, 0, 255)ã€ã®ã‚ˆã†ã«åŠè§’ã‚¹ãƒšãƒ¼ã‚¹ã‚’å…¥ã‚Œã¦ã‚‚ã€Œrgb(0,0,255)ã€ã®ã‚ˆã†ã«åŠè§’ã‚¹ãƒšãƒ¼ã‚¹ã¯çœã‹ã‚Œã¾ã™ã€‚ ã€Œstyle=â€color:#0000ffâ€ã€ã¨ã™ã‚‹ã¨ã€Œ#0000ffã€ã¨ãªã‚Šã¾ã™ã€‚ Firefoxã€Chromeã®å ´åˆ ã¾ãšã€HTMLã§ã€Œstyle=â€color:rgb(0,0,255)â€ã€ã¨ã™ã‚‹ã¨ã€Œrgb(0, 0, 255)ã€ãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚ ãã—ã¦å¥‡å¦™ãªã®ã¯æ¬¡ã§ã™ã€‚ HTMLã§ã€Œstyle=â€color:blueâ€ã€ã¨ã™ã‚‹ã¨ã€ã‚„ã¯ã‚Šã€Œrgb(
eriko315 2012/07/21
jQuery

Color

CSS
ãƒªãƒ³ã‚¯
ã€ãƒ†ã‚¹ãƒˆã€‘ãã¡ã‚“ã¨è‰²ãŒè¦‹ãˆã¦ã„ã¾ã™ã‹ï¼Ÿ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã€Œè‰²è¦šã€ã®ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã¿ã‚ˆã†
ã€ãƒ†ã‚¹ãƒˆã€‘ãã¡ã‚“ã¨è‰²ãŒè¦‹ãˆã¦ã„ã¾ã™ã‹ï¼Ÿ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã€Œè‰²è¦šã€ã®ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã¿ã‚ˆã† ä½è—¤è‹±å…¸ 2012å¹´6æœˆ30æ—¥ å¥³æ€§ã®255äººã«ã²ã¨ã‚Šã€ç”·æ€§ã§ã¯12äººã«ã²ã¨ã‚ŠãŒè‰²è¦šã«ä½•ã‚‰ã‹ã®å•é¡ŒãŒã‚ã‚‹ã¨ã„ã†ã€‚ã‚ãªãŸã¯å¤§ä¸ˆå¤«ã ã‚ã†ã‹ï¼Ÿã€€ã‚«ãƒ©ãƒ¼ã‚µã‚¤ã‚¨ãƒ³ã‚¹ãŠã‚ˆã³ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼åˆ†é‡Žã®ä¸–ç•Œçš„ãªä¼æ¥ã®ã€Œã‚¨ãƒƒã‚¯ã‚¹ãƒ©ã‚¤ãƒˆã€ã¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã§ãã‚‹è‰²è¦šã®ãƒ†ã‚¹ãƒˆã‚’æä¾›ã—ã¦ã„ã‚‹ã€‚æ°—ã«ãªã‚‹æ–¹ã¯ãœã²ã¨ã‚‚ãƒã‚§ãƒƒã‚¯ã—ã¦é ‚ããŸã„ã€‚ åŒç¤¾ãŒæä¾›ã—ã¦ã„ã‚‹ã€ŒOnline Color Challengeã€ã¯ã€ãƒžã‚¹ã«ä¸¦ã¶è‰²ã®é †ç•ªã‚’ã‹ãˆã¦ã€ãã‚Œã„ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Œæˆã•ã›ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚å·¦ç«¯ã¨å³ç«¯ã®ãƒžã‚¹ã«ã¯ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹è‰²ãŒé…ç½®ã•ã‚Œã¦ã„ã‚‹ã€‚éš£ã‚Šåˆã†è‰²ã‚’è¦‹æ¥µã‚ã¦ã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ—ã§ä¸¦ã¹æ›¿ãˆã¦ã„ãã®ã ã€‚ 4ã¤ã®ä¸¦ã¹æ›¿ãˆã‚’çµ‚ãˆã¦ã€ã€Œscore testã€ã®ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ã™ãã«è©•ä¾¡ç‚¹ãŒã‚ã‹ã‚‹ã€‚è©•ä¾¡ç‚¹ã¯ä½Žã„ã»ã©è‰¯ã„çµæžœã§ã€ã‚¼ãƒç‚¹ãŒæœ€é«˜ã®è©•ä¾¡ã€‚100ç‚¹
eriko315 2012/07/04
UniversalDesign

Color
ãƒªãƒ³ã‚¯
openframeworks @ eyebeam
eriko315 2012/06/23
Video

openFrameworks

Color
ãƒªãƒ³ã‚¯
illustratorã§è‰²ã‚’ä¸€æ‹¬ç½®æ›ã™ã‚‹æ–¹æ³• â€“ creamu
ã¡ã‚‡ã£ã¨ãƒ¡ãƒ¢ã€‚ illustrator CS5ã§è‰²ã‚’ä¸€æ‹¬ç½®æ›ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã‹ã‚‰å¯èƒ½ã§ã™ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’é¸æŠžã—ã€ã€Œç·¨é›† / ã‚«ãƒ©ãƒ¼ã‚’ç·¨é›† / ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å†é…è‰²â€¦ã€ ã€Œâ†’ã€ã®å³ã®è‰²ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§å¤‰æ›´ã§ãã¾ã™ã€‚ MarsEditå¿«é©ã™ãŽã‚‹ã€‚
eriko315 2012/05/16
illustrator

Tips

Color
ãƒªãƒ³ã‚¯
Illustratorï¼šï¼»ã‚«ãƒ©ãƒ¼ï¼½ãƒ‘ãƒãƒ«ã§ã‚«ãƒ©ãƒ¼ãƒ¢ãƒ¼ãƒ‰ã‚’ã™ã°ã‚„ãå¤‰æ›´ã™ã‚‹ï½œDTP Transit
Illustratorï¼šï¼»ã‚«ãƒ©ãƒ¼ï¼½ãƒ‘ãƒãƒ«ã§ã‚«ãƒ©ãƒ¼ãƒ¢ãƒ¼ãƒ‰ã‚’å¤‰æ›´ã™ã‚‹ã«ã¯ã€ãƒ‘ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰å¤‰æ›´ã—ãŸã„ã‚«ãƒ©ãƒ¼ãƒ¢ãƒ¼ãƒ‰ã‚’é¸æŠžã—ã¾ã™ã€‚ ã‚‚ã£ã¨ã‚¹ãƒ”ãƒ¼ãƒ‡ã‚£ã«è¡Œã†æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ãƒšã‚¯ãƒˆãƒ«ãƒãƒ¼ã«ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã‚’ç§»å‹•ã—ã¾ã™ã€‚ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã®å½¢çŠ¶ã¯ã‚¹ãƒã‚¤ãƒˆãƒ„ãƒ¼ãƒ«ã®ã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚ shiftã‚ãƒ¼ã‚’æŠ¼ã™ã¨ã€ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã®å½¢çŠ¶ãŒé¸æŠžãƒ„ãƒ¼ãƒ«ã®ã‚‚ã®ã«ãªã‚‹ã®ã§ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ ãƒ‘ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§è¡¨ç¤ºã•ã‚Œã‚‹é †ç•ªï¼ˆCMYKâ†’Webã‚»ãƒ¼ãƒ•RGBâ†’ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«â†’RGBâ†’HSBï¼‰ã§ã‚«ãƒ©ãƒ¼ãƒ¢ãƒ¼ãƒ‰ãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ ã¡ãªã¿ã«ã€opitionã‚ãƒ¼ã‚’æŠ¼ã—ãªãŒã‚‰ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€å¡—ã‚Šãƒœãƒƒã‚¯ã‚¹ã‚’é¸æŠžã—ã¦ã„ã‚‹ã¨ãã«ã¯ã€ç·šã®å±žæ€§ã®ã‚«ãƒ©ãƒ¼ãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ã‚¹ãƒšã‚¯ãƒˆãƒ«ãƒãƒ¼ã§è‰²ã‚’ä»˜ã‘ã‚‹ã“ã¨ã¯ã‚ã¾ã‚Šã‚ã‚Šã¾ã›ã‚“ãŒã€ç™½ï¼é»’ã®è¨å®šã«ã¯åŠ¹çŽ‡çš„ã§ã™ã€‚ã—ã‹ã—ã€Œãªã—ã€ï¼ˆèµ¤ã„æ–œç·šã®ãƒœã‚¿ãƒ³ï¼‰ã ã‘ã¯ç„¡åŠ¹ã§ã™ï¼ˆã¤ã¾ã‚Šã€å¡—ã‚Šãƒœãƒƒã‚¯ã‚¹ã‚’é¸æŠžã—ã¦ã„ã‚‹ã¨ãã«ã¯ã€å¡—ã‚Šãƒœãƒƒã‚¯ã‚¹ã«ä½œ
eriko315 2012/05/16
illustrator

Color

Tips

Shortcut
ãƒªãƒ³ã‚¯
BitmapData.thresholdã§ç”»åƒã®ç‰¹å®šã®è‰²ã‚’å¤‰ãˆã‚‹
ã“ã‚“ã«ã¡ã¯ã€‚æœ€è¿‘Flexã°ã‹ã‚Šã„ã˜ã£ã¦ã„ã‚‹æ¾ç”°ã§ã™ã€‚ä»Šæ—¥ã‚‚Flexãƒã‚¿ã§ã™ã€‚ ä»Šå›žã¯ã€ä¸Žãˆã‚‰ã‚ŒãŸç”»åƒã®ç‰¹å®šã®ã‚¨ãƒªã‚¢ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ æ£ç¢ºã«ã¯ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸãƒ”ã‚¯ã‚»ãƒ«ã¨åŒã˜è‰²ã®ã‚¨ãƒªã‚¢ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’ã—ã¦ã„ã¾ã™ã€‚ ç”»åƒã®èªã¿è¾¼ã¿ã«ã¯å¤§æŠµã®å ´åˆLoaderã‚’ä½¿ç”¨ã—ã¾ã™ãŒã€Loaderã§ç”»åƒã‚’èªã¿è¾¼ã‚€ã¨ç”»åƒãŒBit mapåž‹ã«å¤‰æ›ã•ã‚Œã¦Loader.contentã«å…¥ã‚Šã¾ã™ã€‚ ã“ã®Bit mapã¯ç”»åƒãƒ‡ãƒ¼ã‚¿ã®ãŸã ã®å™¨ã®ã‚ˆã†ãªã‚‚ã®ã§ã€ç”»åƒè‡ªä½“ã«æ‰‹ã‚’åŠ ãˆã‚‹ã«ã¯ã€Bit map.bit mapDataã‚’ã‚¤ã‚¸ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ Bit mapDataã«ã¯ç”»åƒå‡¦ç†ã‚’è¡Œã†ã†ãˆã§ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ãŒå¤šãç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ä¸ã‹ã‚‰ä»Šå›žã¯thresholdãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã£ã¦ã¾ã™ã€‚ ãŠãŠã¾ã‹ãªæµã‚Œã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ 1.Â ç”»åƒã®å–å¾—ã€é…ç½® â†“ 2.Â ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ã®ç”»åƒã®è‰²ã‚’å–å¾— â†“ 3.Â ç”»åƒå†…
eriko315 2012/01/09
AS3

Color
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸