最近のWeb制作に役立つ、CSSの便利ツール総まとめ

2023/01/19 165 users CSS Flexbox SVG フォントサイズ Web制作

最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニ... 続きを読む

ビニールプールを買う前に知っておいてほしい『虫が惹きつけられる色』が虫苦手民にも役立ちそう「実感としてよく分かる」 - Togetter

2021/05/10 20 users リュック テント 小物 Togetter 野外活動

虫が苦手な人の服や小物の色選びの参考になりそうです。野外活動で使うテントやリュックの色もこれを踏まえて選びたい。 続きを読む

グラフの配色をサポートするツール「COLORS」をリリースします｜PowerPoint Design

2019/02/07 28 users 出来合い colors 配色 調節 グラフ

プレゼン資料の色選びの中でも意外に奥が深く、調節が難しいのがグラフです。グラフ作成ツールの自動配色がしっくりくることはそうありませんし、出来合いのカラーパレットでは、その時々で要素やグループの数が変化するグラフにうまく対応しきるのは困難でしょう。そこで当サイトではグラフの配色をサポートするツール... 続きを読む

ランドセルの色選びはジェンダーの洗礼！？　現代社会で男の子が黒以外の、女の子が赤以外のランドセルを選ぶことについての様々な意見 - Togetterまとめ

2016/10/19 295 users 後世 ジェンダー 洗礼 ランドセル 苦労

女の子向けを全部嫌がった訳じゃないんだけど色々あったな…以前黒いランドセルの女の子を見て羨ましかったな、少しずつ自由度が上がって後世の苦労が減るに越した事はない 続きを読む

色選びの参考に！「Material Palette」がけっこう便利！ - IRORIO（イロリオ）

2015/01/14 27 users IRORIO メインカラー イロリオ 配色センス スマホアプリ

ウェブサイト制作やブログのデザイン、最近はスマホアプリなどでもメインカラー等を好きな色に指定できるものがありますが、そんなとき自分の配色センスにゲンナリすることはありませんか？ そんな色決めに悩んだときに頼りになるサイトがありましたのでご紹介します。 「Material Palette」は好きな2色を選べば自動でマテリアルデザインに似合うカラーパレットを作成してくれるサイト。 使い方もとても簡単で... 続きを読む

色選びで迷った時に！配色のインスピレーションを得られるツールまとめ6つ | MEMOPATCH

2013/05/02 73 users MEMOPATCH インスピレーション 配色 グラデーション

MEMOPATCHをご覧になっている方のほとんどがWebデザインやUIデザインに関わっている方だと思います。そして多くのデザイナーが頭を悩まされるのが配色ではないでしょうか？。そこで今回は配色の参考やインスピレーションを得られるツールを6つご紹介します！ COLRD http://colrd.com/ 大まかな色から、その色が使われている写真やカラーパレット、グラデーション、パターンを探す事ができ... 続きを読む

色選びでもう迷わない！配色の定石パターン | 株式会社LIG

2013/01/15 449 users 配色 株式会社LIG 人ごみ 荷台 チャリ

最近、チャリを手に入れた。しかも、新品のやつだ。前にかごもついてて、後ろに荷台もついてる！さらに鍵もついてる至れり尽くせりな優れものだが、どういうわけかチリンチリンがついてないんだ！なんでついてないんだチリンチリン！必要だろチリンチリン！人ごみとかこう、かきわけ、あ、どうも、僕です。 今日は色選びで迷わないための配色の定石パターンについて書こうと思うよ！ その前に色の表現方法の基礎知識についてちょ... 続きを読む

若返りホルモンがドッと出る？！色がこんなにスゴイなんて・・・ - NAVER まとめ

2012/12/25 27 users ダイエット ストレス 美容 NAVER 効果

色を変える、こんな簡単なことで美容に、ダイエットに、ストレスに、様々な効果が得られます！女子力アップは色選びが鍵です！ 更新日: 2012年12月25日RSS 続きを読む

無意識に選ぶ「服の色」でわかる心理状態と性格タイプ - NAVER まとめ

2012/11/18 74 users 性質 不一致 気分 印象 NAVER

着る服の色は、人に与える印象を変えるだけでなく、着ている人自身の気分にも影響を与えます。人は「気分一致効果」といって、不一致を嫌がる性質があります。気分が沈んでいる時と、元気な時では色選びも変わる場合が多いです。 更新日: 2012年11月17日RSS 続きを読む

カラーツール「0to255」で色を決めてメニューを作ってみる｜Webpark

2012/11/08 677 users 配色 Webpark オンラインツール 知識 かなり

このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリッ... 続きを読む

テーマカラーが選びやすくて使いやすいCSSボタンジェネレータ | IDEA*IDEA

2012/08/20 81 users IDEA カラーピッカー ジェネレータ テーマカラー コード

まぁ、便利かな、と。CSS3のボタンが作れるジェネレータです。テーマカラーがいくつか決まっていてそこから選べるので色選びで（あまり）迷うことがないです（カラーピッカーで自由に選ぶこともできます）。 ↑ 日本語テキストもOK。 ↑ 生成されるコード。URL付きなのはうれしいですな。 というわけでご利用は以下からどうぞ。 » CSS Buttons Generator for your pleasur... 続きを読む

Vol.1 ディレクターなら最低限知っておきたい色彩設計 - 機会損失を防ぐ！ECサイトの色彩設計 - Web Directors Studio

2012/07/25 56 users 色彩設計 機会損失 最低限 配色 ECサイト

今回から3回にわたり、ECサイトの色選びについて学んでいきましょう。ECサイトにおいては、何よりも重要なのはその商品を売ることです。そのためには正しい色を使って、伝えたい情報を確実に伝達させ、機会損失を減らす必要があります。 自社の商品を販売しているのでなければ、多くの商品は競合サイトでも販売されているはずです。単にサイトのデザインや配色がよいだけで売れるわけでないことは、実際にECサイトを制作・... 続きを読む

サイトの「色」選びに役立つ20のツール｜Webpark

2011/07/19 791 users ウェブツール Color Trends 配色アイデア 画像

色選びに困ったときに助けてくれるウェブツールを20個紹介します。具体的な配色アイデアが紹介されているもの、選んだ色と関連する色が表示されるもの、画像から色を抽出するもの、という感じに分けてみました。 配色アイデア タイプ 投稿された配色アイデアが紹介されているサイトです。アイデアから編集できるサイトもあり、取っ付きやすいと思います。 Color Trends + Palettes :: COLOU... 続きを読む

ウノウラボ Unoh Labs: 色選びのコツ

2007/05/17 212 users ウノウラボ yamazaki Unoh Labs Tips

こんにちは！ yamazakiです。 高度なプログラミング話だらけのこのブログには全く馴染まない話題でアレですが、今回は「色」について書いてみようと思います。 Webサイトを作っているとき、ちょっとした書類を作るとき、「どんな色を使おうかなぁ」というのは毎度結構迷うところです。今回はそんなときにもしかしたら少しは役に立つかもしれない、色選びのTipsです。 色の「トーン」を意識してみよう 色の基本... 続きを読む