タグ

web制作と色に関するchousuのブックマーク (2)

  • 「CSSで指定された色」を変更するのに便利な「Replace CSS Colors」

    組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! CSSのカラーコードを楽に変更できる「Replace CSS Colors」 IdやClassなど、どの場所の色なのかは表示されませんが、たとえば自分のサイトなんかであれば、「あ、この色はあの部分だ。」と判断できたり、「全体的に淡いピンクをもっと濃厚にしたい。」なんてこともありますよね。 「色を変えるだけなのにCSSをいじるのがどうも面倒だ。」そんなときに便利そうなのがCSS Colors Editorです。 これがReplace CSS ColorsのUI。 1画面上で処理が完了するのも特徴。 変更されたCSSの確認 カラーコードの変更後に表示される↑のボタンを押すと、↓のようにブラウザ上でCSSを確認することも出来ます。 興味のある方はRepla

    「CSSで指定された色」を変更するのに便利な「Replace CSS Colors」
  • 配色に自信がなくても!Webデザインが好きになる配色ツールと使い方

    2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト! ウェブ配色ツールを使った基的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです! オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色(=同

    配色に自信がなくても!Webデザインが好きになる配色ツールと使い方
  • 1