Reasonable Colors
Rose Raspberry Red Orange Cinnamon Amber Yellow Lime Chartreuse Green Emerald Aquamarine Teal Cyan Powder Sky Cerulean Azure Blue Indigo Violet Purple Magenta Pink Gray Reasonable Colors is free and open source. The annotated source-code is available on Github (mirrored on Gitlab) and released under the MIT license. Anyone can use these colors for anything. Reasonable colors are accessible. The co
LCHã¯ã€UIã«ãƒ™ã‚¹ãƒˆãªã‚«ãƒ©ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ï½œhirotoarakawa
Linearã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«è¨˜äº‹ãŒã™ã”ã良ã‹ã£ãŸã€‚ A design reset (part I) How we redesigned the Linear UI (part â…¡) ãã®è¨˜äº‹ã®ä¸ã§ã€ŒLCHカラースペースã€ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ãŸã€‚知らãªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ã‚‹ã¨ã€ä»¥ä¸‹ã®è¨˜äº‹ã‚’見ã¤ã‘ãŸã€‚ ã“ã®è¨˜äº‹ã®å†…容を抜粋ã—ãªãŒã‚‰ã€è‡ªåˆ†ç”¨ã«ç°¡æ˜“ãªãƒ¡ãƒ¢ã¨ã—ã¦ã¾ã¨ã‚る。 LCHã¨ã¯ï¼ŸLCHã¯ç°¡å˜ã«è¨€ã†ã¨ã€ç•°ãªã‚‹è‰²ç›¸ã§ã‚‚åŒã˜ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã«è¦‹ãˆã‚‹ã‚ˆã†ã«æ§‹æˆã•ã‚ŒãŸã‚«ãƒ©ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ã€‚ 1976å¹´ã«å›½éš›ç…§æ˜Žå§”員会 (International Commission on Illumination, CIE) ã«ã‚ˆã£ã¦æœ€åˆã«å®šç¾©ã•ã‚ŒãŸè‰²ç©ºé–“ã§ã‚ã‚‹ãŸã‚ã€CIELAB ã¨ã‚‚呼ã°ã‚Œã¦ã„る。 LCH ã¯ã€Lightness（明度）ã€Chroma（彩度）ã€Hue（色相）ã®ç•¥ã€‚ HSL 㨠LCH ã®é•ã„Lightness（明度
Contrast | Figma
Contrast makes it easy to check the contrast ratios of colors as you work. Select a layer and Contrast will immediately look for the color directly behind your selection and serve up the contrast ratio along with passing and failing levels from the Web Content Accessibility Guidelines (WCAG). If ...
UIã®è‰²ã‚’変ãˆãŸã ã‘ã§å¤§é‡ã®ã‚¯ãƒ¬ãƒ¼ãƒ ã‚’é ‚æˆ´ã—ã¦ã—ã¾ã£ãŸè©±ï½œã®ãªã¨
Webプãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã‚’ã—ã¦ã„ã‚‹ã¨æ§˜ã€…ãªè«¸äº‹æƒ…ã«ã‚ˆã‚ŠUI構æˆã‚’変ãˆãŸã‚Šæ©Ÿèƒ½ã‚’増やã—ãŸã‚Šæ¸›ã‚‰ã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒå¤šã€…ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã«é¿ã‘られãªã„事態ã¨ã—ã¦ã€ŒUI変更ã«å¯¾ã™ã‚‹ãŠæ€’ã‚ŠãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã‚ã‚“ã•ã‹å±Šã„ã¦ã—ã¾ã†ã€ã¨ã„ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚今回ã¯UI上ã®ï¼‘è¦ç´ ã®è‰²ã‚’変ãˆãŸã ã‘ã§è™Žã®å°¾ã‚’盛大ã«è¸ã‚“ã§ã—ã¾ã£ãŸäº‹ä»¶ã®è©±ã‚’ã—よã†ã¨æ€ã„ã¾ã™ã€‚å·®ã—当ãŸã‚Šã©ã†ã„ã†UIã‚’ã©ã†å¤‰ãˆãŸã®ã‹ã‚’明示ã—ã¦ãŠãã¾ã™ã€‚変ãˆã‚‹å‰ãŒã“ã¡ã‚‰â†“↓ beforeUIã»ã‚“ã§å¤‰ã‚ã£ãŸå¾ŒãŒã“ã¡ã‚‰â†“↓ afterUIã”覧ã®é€šã‚Šã€Œä½œæ¥ã‚«ãƒ¼ãƒ‰ã€ã¨å‘¼ã°ã‚Œã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®è‰²ã‚’「緑＆黄ã€ã‹ã‚‰ã€Œç·‘å¡—ã‚Šï¼†ç·‘æž ç·šã€ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚「ãˆã€ãã‚Œã ã‘？ã€ã¨ã„ã†å£°ãŒèžã“ãˆã¦ããã†ã§ã™ãŒãã†ãªã‚“ã§ã™ã€‚ãã‚Œã ã‘ãªã®ã§ã™ã€‚ã—ã‹ã—ã“ã“ã¯ãƒ¬ã‚¬ã‚·ãƒ¼ãƒ‰ãƒ¡ã‚¤ãƒ³ã®toB SaaS。toB SaaSã§ã¯UIã®å¤‰æ›´ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼æ¥å‹™ã¸ã®å½±éŸ¿ã«ç›´çµã™ã‚‹ã®ã§è»½å¾®ãªå¤‰æ›´ã‚’åŠ ãˆã‚‹ã®ã‚‚ãƒãƒ¼ãƒ‰ãƒ«ãŒ
Radix Colors
Graygray 1gray 2gray 3gray 4gray 5gray 6gray 7gray 8gray 9gray 10gray 11gray 12Mauvemauve 1mauve 2mauve 3mauve 4mauve 5mauve 6mauve 7mauve 8mauve 9mauve 10mauve 11mauve 12Slateslate 1slate 2slate 3slate 4slate 5slate 6slate 7slate 8slate 9slate 10slate 11slate 12Sagesage 1sage 2sage 3sage 4sage 5sage 6sage 7sage 8sage 9sage 10sage 11sage 12Oliveolive 1olive 2olive 3olive 4olive 5olive 6olive 7oliv
色ã€ãƒ ズ〜〜〜〜 - マルシテイア
本記事ã¯ã€å…ˆæ—¥é–‹å‚¬ã•ã‚ŒãŸKyoto.js 19ã®ãŸã‚ã«ç”¨æ„ã—ãŸLT資料ã«åŠ ç†ã—ãŸã‚‚ã®ã§ã™ã€‚ kyotojs.connpass.com ã“ã‚“ã«ã¡ã¯ã€å¤©åŸŽã§ã™ã€‚ 最近ã¯WebGLã§å‹•ç”»ç·¨é›†ã‚¢ãƒ—リを開発ã—ã¦ãŠã‚Šã€Webã§ã®è‰²ã®æ‰±ã„ã«ã¤ã„ã¦æ—¥ã€…苦ã—ã‚“ã§ãŠã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€åƒ•ãŒæœ€è¿‘知ã£ãŸè‰²é–¢é€£ã®å°ãƒã‚¿ã‚’共有ã—ã¾ã™ã€‚ 目次 話題1: mix-blend-modeã«addãŒãªã„ ãã‚‚ãã‚‚Blendingã£ã¦ä½•ï¼Ÿ Webã§ã¯åŸºæœ¬çš„ã«source-over compositingã—ã‹ä½¿ã‚ã‚Œãªã„ Canvasã§ã¯source-over以外ã®CompositingãŒä½¿ãˆã‚‹ PDF Reference 一方ãã®é ƒWebGLã¯â€¦â€¦ 話題2: Display P3 CSS Color 4ã§Display P3ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸ Display P3 CSS Color 4 CSS Color 4 ã§å°Žå…¥ã•ã‚ŒãŸ
CSS accent-color  | Articles  | web.dev
CSS accent-color Stay organized with collections Save and categorize content based on your preferences. Today's HTML form elements are difficult to customize. It feels as if it's a choice between few or no custom styles, or resetting input styles and build it up from scratch. Building it up from scratch ends up being much more work than anticipated. It can also lead to forgotten styles for element
NO_COLOR: disabling ANSI color output by default
NO_COLOR Last updated: 2024-06-21 An increasing number of command-line software programs output text with ANSI color escape codes by default. While some developers and users obviously prefer seeing these colors, some users don’t. Unfortunately, every new piece of software seems to have a different way of disabling colored text output and some software has no way at all. Accepting the futility of t
Accessible Palette: Create color systems with consistent lightness and contrast
Stop using HSL for color systems! HSL is an alternative representation of the RGB color model. It’s the most common way to specify color in design tools, but it has an inherent fault — Lightness and Saturation don’t reflect human perception. Compare blue and green — while both have a Lightness of 50, blue looks much darker. This becomes a problem when building a color system with HSL, as lightness
Accessible Palette: stop using HSL for color systems | Wildbit
Recently, I set out on a mission to reconstruct a color system in Postmark. This project addressed several problems with our design system, involved a lot of research, and even required building a few custom tools. Now that this project is finished, I want to share the most important lessons I learned about color and present a new design and accessibility tool Accessible Palette born out of this w
Sorting colors in JavaScript
Sorting colors in JavaScriptJune 22, 2021How to sort colors in JavaScript? Let me tell you a story first. In the project I'm working on right now we used to have 134 colors in use! WTF?! you say. Once I discovered that I thought I'm going to show that to my colleagues, and we will address the problem. Unfortunately, I'm a very visual person (so to say) and I couldn't stand the very random order of
Color Schemer - Create Beautiful Schemes from One Color undefined
Every Monday, get all the new schemes posted during the previous week sent to your inbox.
Color Fonts - Get ready for the revolution!
Color fonts represent a key evolution in digital typography, introducing rich graphic features into font files. Thanks to new font formats, color fonts are finally becoming a reality for millions of creatives. Color fonts can impact any type of text, since they may contain any type of characters, including emojis and icons. Note that colors fonts are sometimes referred as chromatic fonts, which is
JavaScriptã§èƒŒæ™¯è‰²ã‹ã‚‰æ–‡å—色を導出ã™ã‚‹
ã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã€æ–‡å—色ã®åˆ¤å®šã®åŸºæº–ãŒæ°—ã«ãªã£ãŸã®ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ w3cã®Web Content Accessibility Guidelinesã§ã¯ã€æ˜Žã‚‹ã„色ã¨æš—ã„色ã®ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆæ¯”ãŒå°‘ãªãã¨ã‚‚ 4.5:1 ã«ãªã‚‹ã‚ˆã†ã«ã¨ãªã£ã¦ã„ã¾ã—ãŸã€‚大ãã„æ–‡å—ã§ã¯ 3:1 ã¾ã§ã€‚ Material Designã‚‚WCAGã®ã“ã®åŸºæº–ã‚’ã‚‚ã¨ã«ã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚
「Amebaã€15å¹´ã®è² 債を払æ‹ã™ã‚‹ã‚«ãƒ©ãƒ¼ãƒ‘レットã®ãƒ¡ã‚½ãƒƒãƒ‰ | CyberAgent Developers Blog
「Amebaã€ã¯2020å¹´ã«16周年を迎ãˆã‚‹é•·å¯¿ã‚µãƒ¼ãƒ“スã§ã™ã€‚ プãƒãƒ€ã‚¯ãƒˆãƒãƒ¼ãƒ ã¯PC / SP / iOS / Androidã¨4種類ã®ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã—ã¦ãŠã‚Šã€15å¹´ã¨ã„ã†æ³æœˆã‚’経ãŸçµæžœã€ç®¡ç†ã®è¿½ã„ã¤ã‹ãªã„ç”»é¢ã€ãƒ¬ã‚¬ã‚·ãƒ¼ãªã‚³ãƒ¼ãƒ‰ç‰ã«è‹›ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ 「Amebaã€é–‹ç™ºãƒãƒ¼ãƒ ã§ã¯ãã®ã‚ˆã†ãªã€éŽåŽ»ã®éºç‰©ã«é–‹ç™ºãƒªã‚½ãƒ¼ã‚¹ã‚’割ã‹ã‚Œã‚‹çŠ¶æ…‹ã‚’ã€Œè² å‚µã€ã¨å‘¼ã³ã€ãã®è§£æ¶ˆã®ãŸã‚ã«æ—¥ã€…戦ã£ã¦ã„ã¾ã™ã€‚ ã•ã‚‰ã«ã€ã€ŒAmebaã€ã«ã¯ç¾åœ¨10åã»ã©ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæºã‚ã£ã¦ãŠã‚Šã€ãã‚Œãžã‚ŒãŒç•°ãªã‚‹æ–½ç–ã‚„é ˜åŸŸã‚’å¯¾å¿œã—ã¦ã„ã‚‹ã“ã¨ã‚‚相ã¾ã£ã¦ã€æ–½ç–を経る毎ã«ã€ã€ŒAmebaã€å†…ã§GUIã«é–¢ã™ã‚‹ã€å…±é€šã®æ„è˜ã‚„見解をæŒã¤ã“ã¨ãŒã§ããªããªã£ã¦ã„ã¾ã—ãŸã€‚ ã“ã®çŠ¶æ…‹ã‚’打開ã—ã€ã€ŒAmebaã€ãƒ—ãƒãƒ€ã‚¯ãƒˆå†èˆˆã®ç¤Žã‚’構築ã—よã†ã¨ã€ä»Šå¹´åº¦ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã‚’スタートã—ã¾ã—ãŸã€‚ 今回ã¯ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®ä¸ã§ã‚‚真ã£å…ˆã«å–り組んã è¦
A robust color management tool for the modern age.
Color Picker Our color picker runs natively across macOS, Windows, and Linux, allowing you to have the same seamless workflow, regardless of what machine you might be on. Colors are automatically copied to the clipboard, so they can be easily pasted wherever they are needed. Palettes Palettes are the main color organization method in Swach. You might use them for separate projects, brands, inspira
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ColorSlurp · The best color picker in the universe!
Colorbase
GitHub - web-padawan/vanilla-colorful: A tiny color picker custom element for modern web apps (2.7 KB) 🎨
GitHub - oftheheadland/Colorblindly: Accessibility tool to help developers understand how colorblind users experience their website.
{{#tags}}- {{label}}
{{/tags}}