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

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

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

ウェブデザインをはじめるあなたへ - tushuhei blog

2014/07/05 1184 users ウェブデザイン ノンデザイナー メインカラー 明度 あなた

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare色彩センスのいらない配色講座色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベ... 続きを読む

複数の色を使うときにバランスよく配色する方法 | Handy Web Design

2012/11/28 913 users Handy Web Design バランス 複数 明度 方法

ちょっとひさびさに配色についてです。カラフルに仕上げたいけど、なぜかうまくいかない！バランスが悪くなる！という場合のちょっとした配色のコツを書いてみたいと思います。 １．彩度・明度をそろえる 複数の色を使う時は、それだけで全体的にバラバラになりやすいのでひとまず彩度や明度を同じにするだけでもまとまりが出ます。 ２．暖色・寒色でそろえる テーマカラーなどがある場合は、暖色・寒色でそろえるとバランスよ... 続きを読む

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

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

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

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

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

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

Paletta - HSV Color palette for every Programmer

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

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

新海カントク『面白い分析ですね』／／ 新海誠監督が使用する明度・彩度を調査した所、驚愕の事実が発覚。 - Togetter

2020/05/24 527 users Togetter 明度 プロイラストレーター 驚愕 発覚

昨日バズった『プロイラストレーターが多用する明度彩度の領域』ですが、新海誠監督が使用する明度・彩度を調査した所、驚愕の事実が発覚。 商業イラスト（ソシャゲ・ラノベ表紙・キャラデザ）などを請け負うプロイラストレーターの方と、新海誠監督が多用する明度・彩度の領域がここまで違うとは… pic.twitter.com/Kn4m... 続きを読む

撮ったままの写真の彩度を弄った写真をTwitterではよく見るが虚しくならないか？という意見に様々な感想

2021/11/05 520 users Twitter 意見 感想 写真

多聞@スペース治部少輔 @TamongGP ご教授はありがたいけど、レンズすら現物をそのまま映すものではないことは知ってるんで… あと芸術なら許容って言い分も 嘘を以て芸術とする、なら解るけど 芸術なら嘘でも許される、はまた違うのではないかと思う。個人的には。 twitter.com/TamongGP/statu… 2021-11-05 08:14:53 多聞... 続きを読む

日本全国の「赤色立体地図」が見放題、国土地理院がウェブで公開 - INTERNET Watch

2018/06/06 489 users INTERNET Watch 国土地理院 赤色立体地図 明度

ニュース 日本全国の「赤色立体地図」が見放題、国土地理院がウェブで公開 永沢 茂 2018年6月7日 06:00 　国土地理院は6日、ウェブ地図サービス「地理院地図」において、日本全国の「赤色立体地図」を公開した。 「地理院地図」で表示した「赤色立体地図」の例。「火山基本図データ（基図）」と合成して表示した状態 　赤色立体地図とは、地形の立体表現手法の1つで、傾斜量を赤色の彩度で、尾根谷度を明度に... 続きを読む

デザインセンスが壊滅的な私が良い感じの配色を実現させている方法 | あなたのスイッチを押すブログ

2013/06/18 443 users 配色 スイッチ 出来栄え 泥沼 デザインセンス

資料の出来栄えを大きく左右する「色」。資料を作り込むほどのめり込み、抜け出せなくなってしまう。何が正解か分からず、全く抜け出せない泥沼。 「もうちょっと青みを…」「いや、赤みが強すぎるから、彩度を落として…」「この色の組み合わせはないなぁ。何色を差し色にしよう…」 色は無限大。限りある知識と経験だけでは、なかなか正解の配色を手に入れられないことでしょう。 そんな時に私が役立てている、配色に関するお... 続きを読む

デザインの科学『インタフェースデザインの心理学』: わたしが知らないスゴ本は、きっとあなたが読んでいる

2014/03/19 439 users ファミコン 見栄え ドラゴンクエストIV 中村佑介氏 主役

「ファミコン『ドラゴンクエストIV』のパッケージイラストの主役が、一番小さく描かれているのに、最初に目に入ってくるのはなぜか」 これについて、中村佑介氏の解説が目鱗だ→【イラストの見栄えが良くなる】中村佑介先生の公開講座が凄い！。本来は目立たせたいもの（主役）を大きく描くのが原則だが、彩度とコントラストを増やすことで、見やすい画面作りをしているという。 だが、もう一つ、このデザインには「主役」を主... 続きを読む

CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方 | コリス

2020/07/27 357 users コリス box-shadow シャドウ CSS 美しいシャドウ

CSSで美しいシャドウをつけるbox-shadowの書き方を紹介します。 少し大きめのシャドウを適用し、ネガティブに縮小させることで、通常のシャドウより少しだけ彩度が高くなり、要素がくっきり見えます。 Saturated...記事の続きを読む 続きを読む

リリースされたばかりのカラースキームツールが簡単・便利で使いやすい！ -Colour Code | コリス

2013/03/18 300 users コリス 光度 色相 colourco.de スクロール

画面は非常にシンプルですが、カラーに関して豊富な機能が備わったオンラインツールを紹介します。 Colour Code http://colourco.de/ 、いいドメインだ！ 使い方は簡単です。 カラーの変更 マウスの左右で、色相を変更 マウスの上下で、光度を変更 スクロールで、彩度を変更 ※スクロールはMagic Mouseじゃないとできないかも 基本操作 クリックで、カラーをロック ロックさ... 続きを読む

【朗報】画像の彩度とかいじってブラ透けさせるとぐうエロい : 暇人＼(^o^)／速報 - ライブドアブログ

2016/02/29 284 users ライブドアブログ Tweet VIP ブラ 朗報

【朗報】画像の彩度とかいじってブラ透けさせるとぐうエロい Tweet 1: 以下、＼(^o^)／でVIPがお送りします 2016/02/28(日) 21:52:22.770 ID:9l1IivG60.net　 ぐうエロい → 3: 以下、＼(^o^)／でVIPがお送りします 2016/02/28(日) 21:53:13.213 ID:CP+qYylu0.net ほほう 5: 以下、＼(^o^)／で... 続きを読む

【朗報】画像の彩度とかいじってブラ透けさせるとぐうエロい : 暇人＼(^o^)／速報 - ライブドアブログ

2016/02/29 284 users ライブドアブログ Tweet VIP ブラ 朗報

【朗報】画像の彩度とかいじってブラ透けさせるとぐうエロい Tweet 1: 以下、＼(^o^)／でVIPがお送りします 2016/02/28(日) 21:52:22.770 ID:9l1IivG60.net　 ぐうエロい → 3: 以下、＼(^o^)／でVIPがお送りします 2016/02/28(日) 21:53:13.213 ID:CP+qYylu0.net ほほう 5: 以下、＼(^o^)／で... 続きを読む

人物写真や顔写真を自動できれいにしてくれるフリーソフト「Glamour」 - GIGAZINE

2010/12/01 242 users Glamour GIGAZINE ヒストグラム ポートレイト

人物写真や顔写真など、好きなポートレイトを選んでから数回クリックするだけで自動的にヒストグラムが調節されて、ポートレイトをより一層魅力的にすることができるフリーソフトが「Glamour」です。 また、スライダーを動かすことで「エフェクトの増減」「彩度」「ソフトフォーカス」の三種類を細かく調節し、その変化する様子をビフォーアフターとしてオリジナル画像と比較できます。そうして出来上がった画像はクリップ... 続きを読む

最近アニメがつまらない

2017/10/18 231 users アニメ ソシャゲ 声優 商業主義 中身

商業主義になりすぎた。 もはや俳優・アイドルを売り出したいだけで中身のないドラマと一緒だよなぁ。 ドラマはまだ脚本面白いものもあると思うけど。 最近のアニメは画面もやたらと彩度が高くてギラギラしていて（ソシャゲのように一般受けする色）、 声優の演技全部一緒で（男か女どちらかに媚びてる感じ）、 ストーリーは捻りがなくて・・・。 でもそれ自体は別にいい。 そういう作品だって必要だしそれを面白いと感じる... 続きを読む

さくっとイメージで学ぶ『色彩の心理学』と『配色の基礎知識』 - Literally

2016/10/29 169 users 色相 パラメーター Literally 明度 配色

2016 - 10 - 29 さくっとイメージで学ぶ『色彩の心理学』と『配色の基礎知識』 デザイン 今回は知っておくと何かと役立つ『配色の基礎知識』と『色の心理学』についてまとめます。 1. 色を決める3つのパラメーターをおさえよう まず、基本的なところを簡単に説明します。色を決めるのは、①色相 ②明度 ③彩度の3つのパラメーターです。 色相 赤、青、黄などの色みの違いを表します。これは分かりやす... 続きを読む

友達との思い出写真は「加工後の顔」ばかり　元の写真も残せば…高校生の後悔（高校生新聞オンライン） - Yahoo!ニュース

2022/12/11 146 users 後悔 Yahoo 高校生新聞オンライン 友達 思い出写真

写真を加工すれば、私たちが理想とする見え方へと変えてくれます。ノートの写真を共有する時、全く加工しない場合と加工した画像を比較してみてください。 多くの人は加工後の方が見やすいと答えるでしょう。明るさやコントラスト、彩度や射影変換などを調整することで、画像は見やすくなります。 思い出は全て「加工の... 続きを読む

尻P(野尻抱介) on Twitter: "こんどの大河ドラマ、彩度高すぎない？"

2020/01/19 111 users コント 野尻抱介 大河ドラマ on Twitter 尻P

こんどの大河ドラマ、彩度高すぎない？ 続きを読む

知っておくと便利な「無彩色」の使い方 | *LOVE IS DESIGN*

2007/05/02 98 users LOVE IS DESIGN 無彩色 使い方 色相 明度

白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 （むさい色じゃないよ！） 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基本として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の... 続きを読む

RetinaディスプレイのiPadで電子書籍を読んでみたり、自炊して分かったこと | トブ iPhone

2012/03/23 93 users Retinaディスプレイ トブ iPhone iPad 従来

2012年3月23日金曜日 RetinaディスプレイのiPadで電子書籍を読んでみたり、自炊して分かったこと Tweet 本を読むのに新iPadは最適？ 新しいiPadを購入して1週間。HD TVより高い2,048x1,536の解像度。彩度も従来のiPadと比べて44%向上したRetinaディスプレイ。Webサイトや写真、ゲームでも美しいのですが、特に本、雑誌、漫画を読んでいるときに一番の快適さを... 続きを読む

UIのデザインはちょっとしたことで印象が大きく変わる、背景に適した色の選び方 | コリス

2018/05/29 79 users 明度 コリス UX Movement テクニック スマホアプリ

背景の色に悩んだり、なんとなく決めてしまうことはありませんか？ Webサイトやスマホアプリの背景に適した色の選び方、明度と彩度を最適化するデザインのテクニックを紹介します。 Why You Shouldn’t Use Bright, Saturated Colors for Backgrounds 下記は UX Movement の記事を意訳したものです。UX Movementでは他にもUXデザイ... 続きを読む

Photoshop で Web 用に画像を切りだすと画像の彩度が上がってしまうのは Adobe RGB と sRGB の違いが原因だった | ウェブル

2011/05/12 79 users sRGB Photoshop 使い物 ウェブル web

ディスプレイを新しく買い替えたら Adobe RGB に対応して、なんかかっこいいので何気なく設定したら、画像を切り出すと片っ端から赤くなってて使い物にならなくなって困っていました。 原因が分からないのでとりあえず Adobe RGB について調べました。 Adobe RGB とは アドビアールジービー： – IT用語辞典バイナリ sRGBで撮影したものをAdobeRGBで表示させると、彩度が上が... 続きを読む

フォトショップで色の置き換えをマスターする5つの鉄板テクニック【保存版】 - PhotoshopVIP

2017/09/25 64 users 色相 PhotoshopVIP フォトショップ 右下 ひと

写真の背景から一部を切り抜く作業は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、切り抜きを行っているというひとは、どれだ 01. 「モデルが着用しているドレスの色を変更したい。」 まずは色の置き換えを行いたいドレス部分のみを、お好みのツールを使って選択しましょう。続けてレイヤーパネルの右下より「新規調整レイヤー」の「色相・彩度」を選択しましょう。「色相」を調整す... 続きを読む