Valspar Color For The Colorblind
Nearly 300 million people experience the world without certain colors every day. ‘Color For the Colorblind’ is a short documentary about what happened when we partnered with EnChroma, maker of color blindness-correcting glasses, to help people experience colors for the first time. We believe in #ColorForAll. Share your story and watch the whole experience at: http://www.valsparcolorforall.com/
ãã®æ–‡å—ã€è–„ã™ãŽãªã„？ デザインã«ãŠã‘ã‚‹ç°è‰²ã®æ˜Žåº¦ã¯ä½•%ãŒæœ€é©ã‹
UX Movementã«ãŠã„ã¦è¨˜è€…ã€ç·¨é›†é•·ã‚’å‹™ã‚ã¾ã™ã€‚明快ã§åŠ¹æžœçš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ç¾Žç‚¹ã‚’見出ã—ã€åˆ©ç”¨è€…ã®ãŸã‚ã«æ‰•ã†åŠ´åŠ›ã‚’惜ã—ã¿ã¾ã›ã‚“。 一言ã§ç°è‰²ã¨è¨€ã£ã¦ã‚‚ã€æ˜Žã‚‹ã„ã‚‚ã®ã‚‚ã‚ã‚Œã°æš—ã„ã‚‚ã®ã‚‚ã‚ã‚Šã€å®Ÿã«æ§˜ã€…ãªãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚Webサイトãªã©ã§ã¯ã€ã„ãŸã‚‹ã¨ã“ã‚ã§ãŠç›®ã«ã‹ã‹ã‚‹ã“ã¨ã®ã§ãる色ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚濃ã„ç°è‰²ã¯ä¸»ã«è¦‹å‡ºã—や本文ã«ã€è–„ã„ç°è‰²ã¯ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã€åˆ†é¡žåã€èª¬æ˜Žæ–‡ã«å¤šã使ã‚ã‚Œã¾ã™ã€‚ã“れらã®è‰²åˆã„ã®ã†ã¡ã€æœ€ã‚‚乱用ã•ã‚Œã‚‹ã®ã¯è–„ã„ç°è‰²ã§ã™ã€‚ è–„ã„ç°è‰²ã®æ–‡å—ã®å•é¡Œç‚¹ æ–‡å—色ã¨ã—ã¦è–„ã™ãŽã‚‹ç°è‰²ã¯å¯èªæ€§ã«å•é¡Œã‚’èµ·ã“ã—ã‹ãã¾ã›ã‚“。ç°è‰²ã®æ–‡å—ã‚’è–„ãã—ã™ãŽã¦ã—ã¾ãˆã°ã€èªè€…ãŒèªã‚€ã«ã‚ãŸã£ã¦æ”¯éšœã‚’ããŸã™ã“ã¨ã«ãªã‚Šã¾ã™ã€‚æ–‡å—ã®æ˜Žåº¦ã«ã‚ˆã£ã¦ã¯ã€è–„ã„色ã®èƒŒæ™¯ã«æ··ã–ã£ã¦ã—ã¾ã†ã®ã§ã™ã€‚ã“ã®ç¾è±¡ã¯ã€å˜èªžã‚„æ–‡å—ã‚’ã¼ã‚„ã‘ã•ã›ã€åˆ¤èªã‚’困難ã«ã—ã¾ã™ã€‚ç„¡ç†ã«åˆ¤èªã‚’試ã¿ã‚Œã°ã€ç›®ã‚’å‚·ã‚ã¦ã—ã¾ã†ã§ã—ょã†ã€‚ ã¾ãŸã€è–„ã„ç°è‰²ã®æ–‡å—ã¯èªè€…ã®èª˜å°Ž
今ã©ãã®CSS3グラデーションã®æŒ‡å®šæ–¹æ³• (2015年版)
ç·‘ã¯ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—リフィックスãŒå¿…è¦ å‰å›žã¨ã®å·®ç•°ã¯Android4.4よりlinear-gradient (to bottom)ã«å¯¾å¿œã—ã¦ã„る点ã§ã™ã€‚ Androidブラウザã®ã‚·ã‚§ã‚¢ ç¾åœ¨ã®Androidブラウザã®ã‚·ã‚§ã‚¢ã§ã™ãŒã€Android4.0以下ã¯éžå¸¸ã«å°‘ãªããªã£ã¦ãŠã‚Šå¯¾å¿œã™ã‚‹å¿…è¦ã¯ãªããªã£ã¦ãã¦ã„ã¾ã™ã€‚ å‚考:Dashboards | Android Developers ã¨ã„ã†ã‚ã‘ã§ã€-webkit-gradient()ã«ã‚ˆã‚‹æŒ‡å®šã¯ã‚‚ã†ä¸è¦ã§-webkit-linear-gradient()ã¨linear-gradient()ã®ã¿è¨˜è¿°ã—ã¦ãŠã‘ã°ã€ã»ã¨ã‚“ã©ã®ãƒ–ラウザã«å¯¾å¿œå¯èƒ½ã§ã™ã€‚ /*Other Browser*/ background: #91bae4; /*For Old WebKit*/ background: -webkit-linear-gradient( top, #b
CSS Color Module Level 3
CSS Color Module Level 3 W3C Recommendation 19 June 2018 This version: https://www.w3.org/TR/2018/REC-css-color-3-20180619/ Latest version: https://www.w3.org/TR/css-color-3/ Previous version: https://www.w3.org/TR/2018/PR-css-color-3-20180315/ Editor's Draft: https://drafts.csswg.org/css-color-3/ Feedback: GitHub Issues are preferred for discussion of this specification. When filing an issue, ple
CSS Color Module Level 3
CSS Color Module Level 3 W3C Recommendation 18 January 2022 More details about this document This version: https://www.w3.org/TR/2022/REC-css-color-3-20220118/ Latest version: https://www.w3.org/TR/css-color-3/ Previous version: https://www.w3.org/TR/2021/REC-css-color-3-20210805/ History https://www.w3.org/standards/history/css-color-3 Editor's Draft: https://drafts.csswg.org/css-color-3/ Impleme
ColorTester - JIS X 8341-3:2010 (WCAG 2.0)ã®é”æˆåŸºæº–ã«åŸºã¥ã背景色ã¨å‰æ™¯è‰²ã®ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã®ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ - ã‚¢ãƒ«ãƒ•ã‚¡ã‚µãƒ¼ãƒ‰æ ªå¼ä¼šç¤¾
2020å¹´3月18æ—¥ : macOS 64ãƒ“ãƒƒãƒˆå¯¾å¿œç‰ˆã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ ã“ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯2色ã®ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆæ¯”を計算ã—評価ã™ã‚‹ãƒ„ールã§ã™ã€‚コントラストã®è©•ä¾¡ã¯JIS X 8341-3:2010 (WCAG 2.0)ã®é”æˆåŸºæº–ã«åŸºã¥ãã¾ã™ã€‚ ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ウィンドウã«ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—(※)ã™ã‚‹ã“ã¨ã§ã€ç”»åƒã®èƒŒæ™¯è‰²ã¨å‰æ™¯è‰²ã‚’自動的ã«æŽ¨æ¸¬ã—ã€è©•ä¾¡ã‚’è¡Œã†æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã¯ã‚¯ãƒªãƒƒãƒ—ボードã®ãƒ”クãƒãƒ£ã‹ã‚‰è‰²ã‚’å–å¾—ã—ã¦è©•ä¾¡ã‚’è¡Œã†ã“ã¨ã‚‚ã§ãã¾ã™(自動å–å¾—ã—ãŸè‰²ã¯æ£ç¢ºã§ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™)。 ※macOSã§ã¯Webブラウザã‹ã‚‰ç›´æŽ¥ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—ã§ãã¾ã™ã€‚Windows版ã§ã¯Mozilla Firefoxã®ã¿ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ コントラスト比 - ウェブ・コンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 コントラスト比 (L1 + 0.05) / (L2 + 0.0
シリコンãƒãƒ¬ãƒ¼ã®ãƒˆãƒªãƒ“ã‚¢51：Silicon Valley Trivia Quiz 51
IQ Test in 40 min. (c) One Mans Blog Wondering how much IQ you have? Click above to check it. You can go forward and backward, skipping questions or overwriting your answers. Take as much time as you want for your speed doesn't matter. Completed, press submit button. For evaluation, visit the source . You can also check how much your body costs at Cadaver Calculator . 40分ã§ã§ãã‚‹IQテスト。上ã®ã‚¤ãƒ©ã‚¹ãƒˆã‚’クリックã™ã‚‹ã¨ã‚¹ã‚¿
色ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ | ãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°
ãŠä¹…ã—ã¶ã‚Šã§ã™ã€ãƒ‡ã‚¶ã‚¤ãƒ³éƒ¨ã®å®ˆè°·ã§ã™ã€‚ ã“ã“ã—ã°ã‚‰ãクリエイターズブãƒã‚°ã§ã®ã‚¢ã‚¦ãƒˆãƒ—ットãŒã§ãã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ãã®é–“ã€ãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã¨ç§ã®å‘¨ã‚Šã§ä½•ãŒèµ·ã“ã£ã¦ã„ãŸã‹ã¨ã„ã†ã¨ã€ã‚°ãƒãƒ¼ãƒãƒ«å±•é–‹ã¨åˆã‚ã›ãƒ–ランドカラーï¼ãƒã‚´ã®å¤‰æ›´ã€ãã‚Œã«åˆã‚ã›ãŸãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®å„サイトã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã€ä¸€ç•ªæœ€è¿‘ã§ã¯ãƒ„ールã®ã‚«ãƒ©ãƒ¼ã‚‚ブランド統一ã«åˆã‚ã›å¤‰æ›´ã«ãªã£ãŸã®ã‚’ã”覧ã„ãŸã ã„ã¦ã„ã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€æ—¢ã«ã”利用ã®æ–¹ã¯ãŠæ°—ã¥ãã‹ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯UI変更を行ã‚ãšã«ãƒ†ãƒ¼ãƒžï¼ˆã¨ä¸€éƒ¨ã‚¢ã‚¤ã‚³ãƒ³ã®å¤‰æ›´ï¼‰ã®ã¿ã®æœ€å°é™ã§ã®èª¿æ•´ã€ã¨ã„ã†æ–¹é‡ã§é€²ã¿ã¾ã—ãŸã€‚利用者ãŒãŸãã•ã‚“ã„ã‚‹ãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚’大胆ã«ã„ã˜ã£ã¦æ··ä¹±ã‚’æ‹›ãよりã€æ—©ã€…ã«ã‚«ãƒ©ãƒ¼ã ã‘ã§ã‚‚「ãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãƒ–ランドã€ã¨åˆã‚ã›ã‚‹ã“ã¨ãŒé‡è¦ã¨ã®åˆ¤æ–ã‹ã‚‰ã§ã™ã€‚ 色ã®ã¿ã®å¤‰æ›´ã€ã¨ã„ã†å ´åˆã€ãƒãƒ©ãƒ³ã‚¹ã ã‘見ã¦ã„ã‚Œã°OKï¼ç°¡å˜ï¼é€Ÿæ”»å®Œäº†ï¼ãã†ã¯è¡Œãã¾ã›ã‚“。 ã‚‚ã—ã‚‚ãã‚Œã ã‘
色見本ã¨é…色サイト - color-sample.com
色 色ã¯ã€é›‘誌ã€åºƒå‘Šã€ãƒ†ãƒ¬ãƒ“・パソコンã€å®¶å…·ãƒ»å°ç‰©ã€é›‘貨ãªã©ã€ç”Ÿæ´»ã™ã‚‹ä¸Šã§è‡ªç„¶ã¨ç›®ã«ã™ã‚‹ã‚‚ã®ã§ã™ãŒã€ç§ãŸã¡ã¯ãã®ç›®ã«ã™ã‚‹è‰²ã®å½±éŸ¿ã‚’ã©ã‚Œã»ã©å—ã‘ã¦ã„ã‚‹ã®ã§ã—ょã†ã‹ã€‚人ã¯750万色以上ã®è‰²ã‚’ç›®ã§èªè˜ã§ãã‚‹ãã†ã§ã™ãŒã€å®Ÿã¯ç›®ã‚’é–‰ã˜ã¦ã„ã¦ã‚‚ã€çš®è†šã‹ã‚‰è‰²ã®é•ã„ã‚’æ„Ÿã˜å–れるã“ã¨ãŒåˆ†ã‹ã£ã¦ã„ã¾ã™ã€‚ã“ã“ã§ã¯ã€Web上ã®ãƒ•ãƒ«ã‚«ãƒ©ãƒ¼ã§è¡¨ç¾ã§ãã‚‹1600万色ã®è‰²è¦‹æœ¬ã‚’見るã“ã¨ãŒã§ãã¾ã™ã€‚心ç†çš„・生ç†çš„ã«å½±éŸ¿ã®ã‚る色ã§ã™ã‹ã‚‰ã€ãã‚Œãžã‚Œã®è‰²ã¨å‘ãåˆã£ã¦è‰²ã®å€‹æ€§ã‚’体感ã—ã¦ã¿ã¦ãã ã•ã„。
Sassã®è‰²ç”Ÿæˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’作りã¾ã—ãŸ
「Sass Color Generatorã€ã¨ã„ã†Sassã®lightenãªã©ã®è‰²ç”Ÿæˆãƒ„ールを作りã¾ã—ãŸã€‚ ã“ã®ãƒ„ールã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒåŠ¹çŽ‡çš„ãªã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã‚„ã™ãã™ã‚‹ã‚‚ã®ã§ã™ã€‚ 例ãˆã°ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作るã¨ãã«ãƒ¡ã‚¤ãƒ³ã®ã‚«ãƒ©ãƒ¼ã‚’指定ã™ã‚‹ã¨ã€ãã®è–„ã„色を背景色ã«ã—ãŸã‚Šã€æž 線色ã«ã—ãŸã‚Šã™ã‚‹å ´åˆãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€ãã®è‰²ã‚’見ã¤ã‘ã‚„ã™ãã€ã¾ãŸæŒ‡å®šã—ã‚„ã™ãã—ã¾ã™ã€‚ ã§ãã‚‹ã“㨠カラーコードã¨%ã®æ•°å€¤ã‚’入力ã™ã‚‹ã¨ã€ãã®ã‚«ãƒ©ãƒ¼ã®%ã”ã¨ã®æ˜Žåº¦ã‚„彩度ã®ã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’一覧ã§è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 使ã„æ–¹ 1.カラーコードを入力ã—ã¾ã™ã€‚ 2. %ã®æ•°å€¤ã‚’入力ã—ã¾ã™ã€‚ ã“ã®æ•°å€¤ã”ã¨ã«ã€lightenãªã©ã®è‰²ãŒä½œæˆã•ã‚Œã¾ã™ã€‚ 色ã®èª¬æ˜Ž lighten…明度（上） darken…明度（下） saturate…彩度（上） desaturate…彩度（下） マークアップエンジニアã¨ã®å”æ¥ã‚„ã€Webサ
ColorTester (JIS X 8341-3:2010 ã«åŸºã¥ã背景色ã¨å‰æ™¯è‰²ã®ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆãƒã‚§ãƒƒã‚¯ã‚’è¡Œã†ã‚½ãƒ•ãƒˆ)を公開ã—ã¾ã™ã€‚ - ã‚¢ãƒ«ãƒ•ã‚¡ã‚µãƒ¼ãƒ‰æ ªå¼ä¼šç¤¾
ColorTester (JIS X 8341-3:2010 ã«åŸºã¥ã背景色ã¨å‰æ™¯è‰²ã®ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆãƒã‚§ãƒƒã‚¯ã‚’è¡Œã†ã‚½ãƒ•ãƒˆ)を公開ã—ã¾ã™ã€‚ ColorTester - JIS X 8341-3:2010 (WCAG 2.0)ã®é”æˆåŸºæº–ã«åŸºã¥ã背景色ã¨å‰æ™¯è‰²ã®ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã®ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ ※9月6æ—¥(土)æ›´æ–° : æ›´æ–°ã—ã¾ã—ãŸ(Ver. 1.0 r33)。よりæ£ç¢ºã«ç”»åƒã‹ã‚‰è‰²ã‚’å–å¾—ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ColorTesterã¯2色ã®ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆæ¯”を計算ã—評価ã™ã‚‹ãƒ„ールã§ã™ã€‚コントラストã®è©•ä¾¡ã¯JIS X 8341-3:2010 (WCAG 2.0)ã®é”æˆåŸºæº–ã«åŸºã¥ãã¾ã™ã€‚Mac OS XåŠã³Windowsã«å¯¾å¿œã—ã¦ãŠã‚Šã€æ—¥æœ¬èªžã¨è‹±èªžã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ コントラスト比 - ウェブ・コンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 Mac OS (OS X 10.7以
コーディングを考慮ã—ãŸWebデザインガイドライン
2014å¹´7月30æ—¥ã«ãŠã“ãªã‚ã‚ŒãŸADC MEETUPã§ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ Photoshop CC 2014を使用ã™ã‚‹ã“ã¨ã‚’想定ã—ãŸå†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚Read less
Brand Resource Center
ブランドアセットを以下ã®ã„ãšã‚Œã‹ã§ä½¿ç”¨ã™ã‚‹å¿…è¦ãŒã‚ã‚‹å ´åˆã¯ã€è¨±å¯ã‚’求ã‚るリクエストをé€ä¿¡ã—ã¦ãã ã•ã„。 テレビã¾ãŸã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã®ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã¾ãŸã¯åºƒå‘Šæ›¸ç±ã€èˆžå°ã€ãƒ†ãƒ¬ãƒ“番組ã€æ˜ ç”»å°æœ¬å°åˆ·ãƒ‘ッケージ Meta製å“ã«è¡¨ç¤ºã•ã‚Œã‚‹åºƒå‘Šã¯Metaã®åºƒå‘Šãƒãƒªã‚·ãƒ¼ãƒãƒ¼ãƒ ã«ã‚ˆã£ã¦å¯©æŸ»ã•ã‚Œã‚‹ãŸã‚ã€ä½¿ç”¨è¨±å¯ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。詳ã—ãã¯ã€Metaã®åºƒå‘Šãƒãƒªã‚·ãƒ¼ã‚’ã”覧ãã ã•ã„。 ãã®ä»–ã®å½¢å¼ã®ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã™ã¹ã¦ã«ã¤ã„ã¦ã¯ã€è¨±å¯ã¯ä¸è¦ã§ã™ã€‚ãŸã ã—ã€å…¬å¼ã«æä¾›ã•ã‚Œã¦ã„るアセットを使用ã—ã€ã“ã®ã‚µã‚¤ãƒˆã«è¨˜è¼‰ã•ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’守る必è¦ãŒã‚ã‚Šã¾ã™ã€‚ãªãŠã€ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¯è‹±èªžã®ã¿ã§ã®å—付ã¨ãªã‚Šã¾ã™ã®ã§ã€ã”了承ãã ã•ã„。
アクセシビリティå‘上ã®ãŸã‚ã«[追記ã‚ã‚Š] | プラスα空間
最近ã€ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³(色弱者ã®æ–¹ã§ã‚‚見やã™ã„デザイン)ã«ã¤ã„ã¦è€ƒãˆã•ã›ã‚‰ã‚Œã‚‹äº‹ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãµã¨ã€ã“ã®ã‚µã‚¤ãƒˆã¯ã©ã†ãªã‚“ã ã‚ã†ã‹ã¨æ°—ã«ãªã‚Šã¾ã—ãŸã€‚ 探ã—ã¦ã¿ã‚‹ã¨ã€è‰²å¼±è€…ã®æ–¹ãŒè¦‹ã¦ã„ã‚‹ã¨æ€ã‚れる画é¢ã‚’å†ç¾ã™ã‚‹ã‚½ãƒ•ãƒˆãŒã€OS Xã«ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ OS X, アクセシビリティ・色覚異常シミュレーター « イナヅマTVãƒã‚° Color Oracle Color Oracleã‚’èµ·å‹•ã™ã‚‹ã¨ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã«å¸¸é§ã—ã€è‰²å¼±è€…ã®æ–¹ã®è¦‹ãˆæ–¹ã‚’エミュレーションã—ã¦ãã‚Œã¾ã™ã€‚ãã‚Œã«ã‚ˆã‚‹ã¨ã€æœ¬ã‚µã‚¤ãƒˆã¯ã€æ¬¡ã®æ§˜ã«è¦‹ãˆã‚‹æ§˜ã§ã™ã€‚ ã¾ãšã¯ã€Cåž‹ã¨å‘¼ã°ã‚Œã‚‹ã€ä¸€ç•ªå¤šã„見ãˆæ–¹ã§ã™ã€‚ Dåž‹ã®æ–¹ã®è¦‹ãˆæ–¹ã§ã™ã€‚ Påž‹ã®æ–¹ã®è¦‹ãˆæ–¹ã§ã™ã€‚ 幸ã„ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã§ã¯ã€è‡´å‘½çš„ã«è¦‹ã¥ã‚‰ã„所ã¯ç„¡ã‹ã£ãŸæ§˜ã§ã™ã€‚ 色弱者ã®æ–¹ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティを高ã‚ã‚‹ãŸã‚ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨è¨€ã†ç‰©ãŒå˜åœ¨ã—ã¾ã™ã€‚ 公文書作æˆã«ãŠã‘るカラーユニãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰
![アクセシビリティå‘上ã®ãŸã‚ã«[追記ã‚ã‚Š] | プラスα空間](https://cdn-ak-scissors.b.st-hatena.com/image/square/8316c89773e10300bf194dd90e6a50e675e31333/height=288;version=1;width=512/https%3A%2F%2Foichinote.com%2Fplus%2Ffiles%2F2014%2F05%2F20140509color-oracle-d.png)
Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!
? How to use As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different colors they may be over. This sample text attempts to visually demonstrate how readable this color combination is, for normal, italic, bold, or
CSS Gradient Generator | CSS3 Factory
Same Gradient Generator, With a New Look The coveted CSS3 Gradient Generator has undergone a redesign and moved to its new home within the CSS3 Factory. It has maintained all of it's tools and functions but looks even better now. The redesign enhances the generator's usability and I will be adding even more advanced functions soon.
RGBa and ARGB interaction converter - RGBa for Internet Explorer
RGBa and ARGB interaction converter - RGBa for Internet Explorer CSS3 RGBa color Syntax format: background: rgba(red, green, blue, alpha); ARGB color for IE 6-8 Syntax format: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#FFFFFFFF', EndColorStr='#FFFFFFFF')"; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFFFFF', EndC
デザインã§çµ¶å¯¾ã«ã€Œé»’ã€ã‚’使ã£ã¦ã¯ã„ã‘ãªã„ç†ç”±ã¨ã¯ï¼Ÿ
by webtreats é»’ã¯ã†ã¾ã使ã†ã¨ä»–ã®è‰²ã‚’際立ãŸã›ãŸã‚Šå…¨ä½“を神秘的ã«è¦‹ã›ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãる色ã§ã™ãŒã€ç§ãŸã¡ãŒæ™®æ®µã€Œé»’ã€ã ã¨æ€ã£ã¦ã„る色ã¯æœ¬å½“ã¯é»’ã§ã¯ãªãã€ã€Œé»’ã«è¿‘ã„ダークãªè‰²ã€ã§ã‚ã‚‹ã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚自然界ã«ã»ã¨ã‚“ã©ãªã„「純粋ãªé»’ã€ã¯ä»–ã®è‰²ã‚’圧倒ã—ã¦ã—ã¾ã„扱ã„ãŒé›£ã—ã„ãŸã‚ã€é»’を使ã„ãŸã„時ã«ã™ã¹ãã“ã¨ã‚’Segment.ioã®CEOã§ã‚ã‚‹Ian Storm Taylorã•ã‚“ãŒã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ Design Tip: Never Use Black by Ian Storm Taylor http://ianstormtaylor.com/design-tip-never-use-black/ Taylorã•ã‚“ãŒåã©ã‚‚時代ã¯ç¾Žè¡“ã®å…ˆç”Ÿã‹ã‚‰ã€å¤§å¦æ™‚代ã¯ãƒãƒ¼ãƒ‰ã‚¢ã‚¤ãƒ©ãƒ³ãƒ‰ã‚¹ã‚¯ãƒ¼ãƒ«ã‚ªãƒ–デザインã®æŽˆæ¥ã§ä½•åº¦ã‚‚èžã„ãŸã“ã¨ã®1ã¤ã«ã€Œä½œå“ã«é»’を使ã†ãªã€ã¨ã„ã†ã‚³ãƒ„ãŒã‚ã‚Šã¾ã™ã€‚ 真ã«é»’ã„物ã¯è¦‹ã¤ã‘ã‚‹ã®ãŒ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
色覚異常ã®äººã®ãŸã‚ã«é–‹ç™ºã•ã‚ŒãŸã€ŒGoogle Chromeã€ç”¨ã®æ‹¡å¼µæ©Ÿèƒ½ã€Œã‚«ãƒ©ãƒ¼ エンãƒãƒ³ã‚µãƒ¼ã€NOT SUPPORTED
Hex clock
{{#tags}}- {{label}}
{{/tags}}