新しい配色トレンド「カラーブレンド」の効果的な使い方と参考サンプル例30個まとめ
ブラジルの国鳥であるオオハシのくちばしは、鮮やかで発色のよいマルチカラーとなっています。今回は、この色の組み合わせについて詳しくみていきましょう。グラデーションではありません。カラーブレンド（英: Color Blends）の世界へようこそ。 カラーブレンドって一体なに？ まずは以下のSlackロゴを見て見ましょう。 このロゴでは何色が使われているでしょう。4色ですか。いいえ違います、もっとよく見てみましょう。 ここでは、4つのベースカラーが重なり合っています。重なっているところには、新しい色「ブレンド（英: Blend）」が作成され、合計8色が使われています。カラーブレンドは、2つの重なり合う色を交差させることによって作成されます。 ある意味では、グラデーションの逆と言えるでしょう。グラデーションは２つのカラーが段階的に変化するのに対し、ブレンドは2つの異なる色の重なり方によって配色が変
Sass(SCSS)のマップを利用したカラーコード管理 - NxWorld
Sass(SCSS)でのカラーコード管理方法として、マップを用いたら良さそうと思い試してみたものです。 もっと便利な感じにできそうで正直そこまで使いやすいと感じたわけでもないですが、そのまま消すのもあれだったので備忘録として残しておこうと思います。 Sassでカラーコードを管理しときたいなってとき、自分の場合はそれ用のSCSSファイルとか用意し、そこに下記のような感じで各カラーを変数定義しておくことが多いです。 $color-red : #e74c3c; $color-red-light : #f09188; $color-red-dark : #b82617; $button-color : #333; $button-hover-color : #888; $button-active-color : #2ecc71; $sns-twitter : #55acee; $sns-face
まだCMYKで消耗してるの？〜大幅な色補正をCMYKで行ってはいけない理由〜
カッとなってつけた（タイトル）今は反省している。 正確には、「CMYKモードでの色調補正は微調整に止めるべき」理由、です。入稿データを問答無用でCMYK変換してから補正する方に向けて書いてます。 注意）この記事にはCMYK変換方法についての内容はありません。
デザインやイラストで色の組み合わせを決める時の参考になるカテゴリ別100種類のカラーパレットのまとめ
色の組み合わせを決めるときに何から始めれば、と迷うことはありませんか？ 色は注意を引きつけ、ムードをつくり、デザインを活気づかせ、ユーザーの感情と理解に強い影響を与える大切な要素です。自然、食べ物・飲み物、旅先、日常の4つのカテゴリから参考になる色の素敵な組み合わせを紹介します。 100 Brilliant Color Combinations: And How to Apply Them to Your Designs 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 自然にインスパイアされた色の組み合わせ 食べ物・飲み物にインスパイアされた色の組み合わせ 旅先の写真にインスパイアされた色の組み合わせ 日常のアイテムにインスパイアされた色の組み合わせ 自然にインスパイアされた色の組み合わせ 自然にインスパイアされた色の組み合わせは、目
配色に悩んだときに使える最近の便利なWebサービス
Colllor任意の色を指定すると、トーン表や同... / 配色の見本帳色をクリックすると、どんどん新しい色... / iWantHue簡単操作のカラーパレットジェネレ...他...全8件
Webデザイナーによるカラーコードを使った便利なテクニックあれこれ
By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ
色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ | 高橋文樹.com | デザイン
この投稿は 11年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 前回の記事に続き、僕と同じくデザイン力のない人のためのサバイブハウツーです。Webサイトを作っていると、デザインをしなくてはならないのですが、その際にとても困るのが色の決定です。 色使いというのはとても大事なもので、「ダサいなー」と思われる理由のトップクラスに位置するものです。デザインというのは上手くいっている場合は気づかれず、失敗したときに目立ちます。 みんな大好き愛生会病院 僕はいままで某大手企業の研修や某デジハリなどで沢山の初心者を見てきましたが、確実に言えることは99%の人に色彩センスはないということです。「好きな色決めてね」というと、99%の人がクソのような色を使ってきます。これは当人がダサいかダサくないかにかかわらず、99%色彩センスがありません。 Webで色彩セ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事