BrandColors - official brand color hex codes
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.
Colorable
Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view. “If one says ‘Red’ (the name of the color) and there are 50 people listening, it can be expect
色のアクセシビリティが確認できるMacアプリ「Contrast」が超便利
テキストと背景の色を選ぶとき「これってアクセシブルかな？」とビクビクしながら選んでしまうことってないですか？僕は結構ありました。でも、Macアプリ「Contrast」があればそんな心配はなくなります。 Macのツールバーに常駐させられるアプリで、前景と背景の色をピッカーで選ぶだけでWeb Content Accessibility Guidelines（WCAG） に準拠した色のコントラストになっているかすぐにチェックができます。キーボード・ショートカットを設定できるので手軽に色のコントラスト比の確認ができてかなり便利です。 こんなツールです ツールバーのアイコンをクリックするとアプリが出てきます。 文字の色と背景の色を選択するとWCAGの評価基準であるAA、AA+、AAA、Failのいずれかの判定を表示してくれます。評価と合わせてコントラストの数値も表示してくれます。各スコアの意味はアプ
Mirage Festival - Art, Innovation et Cultures Numériques
Fin du Mirage Festival / End of the Mirage Festival english below Après 8 années passées à défendre l’innovation artistique et la création hybride et numérique, à défricher les artistes de demain et promouvoir ceux d’aujourd’hui, 8 années à faire rêver, à bousculer, à éveiller un public toujours plus nombreux, à créer des temps de partage et de réflexion sur nos sociétés hyper-technologiques et hy
Home - NZ Opera
Le comte Ory A crazy comedy of disguise, seduction & chaos 30 May — 29 June 2024
写真画像をかっこいいモノクロにするPhotoshopのテクニック集 | コリス
Photoshop, Photoshop Elementsを使用してカラーの写真画像をモノクロにするテクニックはさまざまなものがあります。その代表的なテクニックとそれぞれの利点・欠点を紹介します。 元にした画像：Chase the sun 下記は各ポイントを意訳したものです。 はじめに 1. 調整レイヤー：白黒 2. モード：グレースケール 3. 調整レイヤー：色相・彩度 4. モード：Labカラー 5. 調整レイヤー：グラデーションマップ 6. 調整レイヤー：チャンネルミキサー 7. Photoshop Elements：モノクロバリエーション 8. 調整レイヤー：色相・彩度x2 9. 調整レイヤー：白黒（カラースライダー） はじめに モノクロの写真は、ファッション雑誌をはじめ、Flickrのようなソーシャルウェブサイトでも非常に人気の高いジャンルです。デジタルが到来したことで、一つ重要
colorプロパティの影響範囲
とりあえず仕様を見てみます。 This property describes the foreground color of an element’s text content. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification - 14.1 Foreground color: the 'color' propertyThis property describes the foreground color of an element's text content. In addition it is used to provide a potential indirect value (currentColor) for any other properties that accept color value
CSS Blending 入門 | Adobe Developer Connection
アドビ Web プラットフォームチームは、Web 上で利用可能なレイアウト、タイポグラフィー、そしてビジュアル効果を一歩先に進めるために働いています。我々は、W3C を始め、ブラウザベンダーを含む他の企業と、先進的なタイポグラフィー, 2D と 3D のフィルタ効果, 雑誌スタイルのレイアウトなどの仕様策定や実装を行っています。 グラフィックツールではずっと前から使えたのに、Web では利用できなかった機能の一つはブレンドです。ブレンドはほとんどのグラフィックデザインツールでサポートされ、頻繁に使われてきました。この主題だけでも数多くの書籍が出版され、興味深い効果を実現するための手順やヒントを紹介する数えきれないほどの Web 上のチュートリアルが存在します。ブレンドは PDF の様なフォーマットや Photoshop の様なツールでサポートされています。我々は、これを HTML の世界で
イメージスケールを使ってWebサイトの配色を論理的に決める方法 | ベイジの社長ブログ
デザインをやっていて特に難しいと感じるのが、色の決定です。色は、言語化できない心理的なイメージに作用するため、デザイナーとしては慎重にならざるを得ません。しかし残念ながら、私自身は、色に関して天才的なセンスを持っているわけではありません。そこで、配色のためのツールや配色理論などを用いて色を決定していくのですが、その過程で特によく使うのは言語イメージスケール（©小林重順／日本カラーデザイン研究所）です。その一連のプロセスを、実際に関わった某学習塾サイトを例にご紹介します。 キーワードの抽出 配色の決定にあたり、まずは学習塾のパンフレットや広告、既存のWebサイトなどの情報を収集し、ブランドキーワードの抽出を行いました。結果として、以下のようなキーワード群を抽出しました。 安心、安全、堅実、真面目、確実、知的、本物、楽しい、明るい、健全、のびのび、元気な、豊か、丁寧、親切、誠実 ここでは、「塾
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChromeLens
熱川バナナワニ園
Color Picker — A handy design tool from Color Supply
ノンデザイナーのための配色理論
Bloomberg
Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド
BackgroundCheck
GK Graphics