かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ

2021/09/04 1025 users 補色 絵描き https カラーチャート 類似色

とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT 続きを読む

"絵を描く時に影の境目に別の色相を入れるとリアルになる"けど色の法則はあるの？→考察や解説が続々集まる - Togetter

2019/05/11 508 users Togetter リファレンス リアリティ 境目 手法

この影の境目に別の色相を入れる手法。なぜか最近までやってなくて、最近やってみたらリアリティにものすごい差があってびっくりしてるのですが、どの色を選んだらいいのか。という法則ってあるんですかね。写真のリファレンスがあれば一番でしょうけど、、 pic.twitter.com/U6a0N6w42b 続きを読む

Paletta - HSV Color palette for every Programmer

2013/08/20 585 users Paletta 彩度 明度 調和 カラーパレット

Palettaは顕色系(色相, 明度, 彩度)をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. PCから閲覧している場合は, カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます.　詳しく 続きを読む

デザイナーなら読んでおきたい！デザインに関する6つのスライド・企画書

2013/03/06 1181 users スライド 企画書 デザイン ノンデザイナー 6つ

こんにちは。 今日はデザインをする上で、1度は読んでおきたいスライドや企画書を6つ選んでみました。 色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。 ノンデザイナーのための配色理論 人間の知覚に合った考え方、配色理論の紹介が記載されていて、配色理論を使った配色法が学べます。 Webデザインのセオ... 続きを読む

[CSS]画像を使用しないでApple風のパンくずを作成するチュートリアル | コリス

2010/11/03 601 users コリス class チュートリアル CSS 階層

階層を区切る三角のデザインが特徴的なApple風のパンくずを同一の色相でカラーリングしたものを実装するチュートリアルを紹介します。 三角の箇所は画像を使用しないで、CSSで実装されています。 HTML -マークアップ パンくずはリスト要素で実装します。 シンプルでクリーンに実装するために、各アイテムにはclassを使用しません。 HTML <ul class="breadcrumb"> <li><... 続きを読む

配色パターンからWebデザインを考える | Webクリエイターボックス

2010/03/23 2556 users 配色パターン Webクリエイターボックス webデザイン

ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・... 続きを読む

覚えておきたい配色のワザと便利なツール :: Love & Design ::

2007/05/17 689 users DESIGN 配色 LOVE ワザ Hue

色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Satura... 続きを読む

Photoshop Tips - 風景写真をミニチュア写真に加工するには　- by StudioGraphics

2006/06/21 740 users ミニチュア写真 風景写真 彩度 レタッチ トーンカーブ

●ポイント１　−　 [ 調整レイヤー ] 風景写真独特の霞を取り除くために、 [ 調整レイヤー ] の [ トーンカーブ ] と [ 色相・彩度 ] を使って、写真のコントラストを上げて、彩度を強くし、色鮮やかな写真に仕上げます。いつものレタッチよりも、ちょっと大げさに調整してもよいと思います。このレタッチの目的からして、不自然な感じにするくらいの方が、かえってリアルになるわけです。 [ 調整レイ... 続きを読む