[色]デザイナーっぽくカラーコードの16進数を覚えたくないですか？
#000000は黒、#ffffffは白。 webデザインではHTMLやCSSにおける色の指定の仕方としてこのような16進数による表記を主に用いています。 色指定には他にも 16進数指定（三ケタ） #f00 10進数指定 rgb(255, 0, 0) %指定 rgb(100%, 0%, 0%） 色名指定 red 全て赤の場合 といった指定の仕方があります。Photoshopに慣れ親しんだ方はもっと色指定の仕方に覚えがあると思いますが、今回はコーディングにおける色指定の観点で説明しますね。 デザイナーでさえカラーコードを見て即座に色を想像できなかったり（私が未熟なだけなのかもしれませんが＞＜）、ましてや色を見てカラーコードをぴたりと当てるなんて芸当はさすがに難しいです。環境によって微妙に色が違って見えたり、隣接色や面積によってどうしても人間の知覚する色の見え方は変わってきますしね(色の錯視 –
![[色]デザイナーっぽくカラーコードの16進数を覚えたくないですか？](https://cdn-ak-scissors.b.st-hatena.com/image/square/616db5bd8042edb7c4062d8d3a50b912d7758a82/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F08%2Fdesign-color-code-01-150x150.png)
ウェブ配色ツールの決定版「UIPalette」もう色選びに迷わない！ - 宇宙新聞社
2015-11-28 ウェブ配色ツールの決定版「UIPalette」もう色選びに迷わない！ http://www.uipalette.net/ ブログをカスタマイズするとき色選びに苦労していませんか？ 今回は人気の配色ツールをまとめたUIPaletteを使ってみたのでご紹介します。色選びはUIPaletteを使って作業時間をぐんと削減しましょう！ UIPalette UIPaletteは左のメニューに用意された11個の配色ツールを自由に選んで利用できます。 BrandColors BrandColorsは海外企業のイメージカラーがまとめられた配色ツール。 ベースカラーを決定しないことには始まらないので、まずはここを参考にしてみましょう。配色パターンを丸ごと使うと企業イメージと被るので注意が必要です。 Paletton Palettonはベースカラーに合わせた配色パターンを表示してくれます。
なぜドレスの色の錯覚はおきたか？-色の恒常性- - Sideswipe
ドレスの写真って？ インターネットで見る人によって二通りの色に見えるドレスの画像が話題になっていました。結論からいえばこのドレスは青と黒なのですが、「青と黒に見える」派と「白と金に見える」派に分かれるのです。あなたはどちらに見えますか？ 引用元: http://swiked.tumblr.com/image/139988249090 「ディスプレイが違うから」といった説明も見受けられますが、同じディスプレイを見て意見が割れている方もいることから、影響はあるにしても主要因ではなさそうです。 また、「年をとると網膜の細胞が衰えて云々」という意見もありますが、老若男女はあまり関係なく青黒派と白金派がいるので、こちらの影響も少なさそうです*1。 それではこの理由について解説してみます。間違えてたら教えてください。 30秒で分かる説明 人間は周囲の状況が変わっても同じものは同じ色で見えるように脳内で
「トーンカーブ」で自由自在に色調補正① | Photoshop 色調補正ゼミナール | Shuffle by COMMERCIAL PHOTO
今回のテーマは、使いこなせば色調補正において絶大な威力を発揮する「トーンカーブ」について。「絶対わかる。トーンカーブ！」をテーマに、2回に分けて解説する。 連載4回目の今回は、「トーンカーブ」コマンドについて解説いたします。 「トーンカーブ」は、脱落する方が多い、色調補正基本コースの最初の壁です。ギターコードの練習で言うなら「F」！ ギターの「F」で挫折した過去のある方でも、「トーンカーブ」では挫折しないよう、私が頑張ります！！ 「トーンカーブ」は2回に分けて、特にわかりやすく丁寧に解説していきます。 今回と次回、2回の「トーンカーブ」の解説を読めば、必ずトーンカーブがマスターできます。そしてトーンカーブがマスターできれば、以下の様な新境地が広がります。 １ 「トーンカーブ」は、覚えれば覚えるほど色調補正を行なう際にあなたがどんどん自由になっていきます。 ２ 「レベル補正」や「明るさ・コン
配色に役立つ11のサイト
WEBデザインを行う上で重要なファクターの一つである配色：カラーリング。ロゴやブランドイメージなどから導きだすケースが多いと思うが、困ってしまうのは明確なイメージがなく、キーカラーが決まらないとか、キーカラーとの組み合わせがイマイチしっくりこないなど、配色で頭を悩ませることは結構あるのではないだろうか。 そこで今回は、そういう時に役立ちそうな10サイトを紹介したい。各サイト共に試してみたが、思わぬ組み合わせや自分では積極的に使わない色や自分の好き嫌いを再確認できて結構面白い。こういったサイトを活用して効率化を図ったり、新境地を開いてみてはいかがでしょうか。
カラーモード(RGBカラーとCMYKカラー)とは?｜データ作成ガイド｜ネット印刷WAVE
データ作成の前に カラーモード （RGBとCMYK）とは？ RGBカラーと CMYKカラーの違い 「光の3原色（RGB）」と「色料の3原色（CMY）」、同じ3原色でも違う？ 色の3原色には光の三原色（RGB）と色料の3原色（CMY）があります。 カラーモードの設定方法 RGBカラーとは RGBカラーは、光の三原色「R（赤）・G（緑）・B（青）」のことです。 PCのモニターやデジカメ、スキャナなどは、このRGBカラーで色が表現されています。 これらは混ぜれば混ぜるほど色が明るくなり、白色に近づいていくため『加法混色』と言われています。 CMYカラーは、色料の三原色「C（シアン）・M（マゼンタ）・Y（イエロー）」のことです。 これらは混ぜれば混ぜるほど色が暗くなり、理論上は黒色に近づいていくため『減法混色』と言われています。 理論上と書いたのには訳があり、実際にはどんどん濁った灰色になっていく
日本色研事業株式会社 HomePage
トーンは、明度と彩度の複合概念といえるものです。 色相の同じ系列でも、明・暗、強・弱、濃・淡、浅・深の調子の違いがあります。この色の調子の違いをトーンといいます。このトーンの色空間を設定していることが、ＰＣＣＳの最大の特徴でもあります。 色相ごとに12種のトーンに分けられ、各色相からトーンの同じ色をまとめています。明度の違いはあるものの、あざやかさ感の共通なグループができます。 色相とトーンで色を表す場合、例えば色相番号12（緑）で、ライトトーンの場合「lt12」と略記号で表します。無彩色の場合には、白は「W」、黒は「Bk」、その他は明度を示す数字に「Gy」を付加して「Gy-6.5」と表します。
0から学ぶアプリの配色 - Rejasupoem
当方Androidエンジニアをしておりますが、プライベートでアプリを作るとき、画像リソースについてはAndroid組み込みのものを使ったり、Fontawesomeを使ったり、フリー素材を使ったりしています。 しかし配色はインターネットに落ちていなくて、自分でやるとイマイチで、いい感じにしたいという気持ちがありました。 そこで、調べたり試行錯誤をして知見が得られたので、配色に悩むエンジニアのために共有します。 3行まとめ デザインはセンスで行うものではなくロジックで成り立ってる、つまり努力でなんとかできる Color Scheme Designer 3 便利 配色を学ぶのには下のスライドが一番分かりやすかった 色彩センスのいらない配色講座 from Mariko Yamaguchi STEP 1. 対象に興味を持つ 〜〜で必要だから勉強しなければって始めてたものが長く続いたことがないので、
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
RGB Color Codes Chart 🎨
RGB = (R*65536)+(G*256)+B , (when R is RED, G is GREEN and B is BLUE) Calculation examples White RGB Color White RGB code = 255*65536+255*256+255 = #FFFFFF Blue RGB Color Blue RGB code = 0*65536+0*256+255 = #0000FF Red RGB Color Red RGB code = 255*65536+0*256+0 = #FF0000 Green RGB Color Green RGB code = 0*65536+255*256+0 = #00FF00 Gray RGB Color Gray RGB code = 128*65536+128*256+128 = #808080 Yell
Color Hex Color Codes
Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in color page. Color-hex.com also generates a simple css code for the selected color. Html element samples are also shown below the color detail page. Simply type the 6 digit color code in the box above and hit enter.
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Palette - Material Design Color Palette Generator
カラーホイール | カラースキーム - Adobe Color CC
色彩センスのいらない配色講座