サイト制作メモ

webサイト制作時に役立つ!メインカラーを元にカラーを選べるサイト

投稿日:

web制作する時にカラーの組み合わせを調べたい時、色々なジェネレーターはあるけど

たとえば

メインカラーがすでに決まっていて
それに合うカラーが知りたい時

ってないですか?

私は結構あります。
で、ジェネレーターを見てみてもカラーの組み合わせは豊富にあるけど特定の色を元にあわせてくれるものが意外となかったりします。

先日見つけた色見本のサイトがかなり便利だったのでメモ。

配色の見本帳

色の探し方

まずはサイトのトップページから「色検索」を選択

メインのカラーコードを入力して下にあるボタンをクリック

すると、
メインカラーがどのような色なのかを教えてくれる上に

下にスクロールすると組み合わせを教えてくれます。

便利!

配色の見本帳

- サイト制作メモ
-, ,

関連記事

拡大してもボヤけない、アイコンフォントが便利すぎる

サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だったけど全然違う。 通常、画像でできたアイ …

“Swiper”を使ったスライドで左右に画像を表示する

JQueryなしで動く”Swiper”という便利なプラグインを使ってのスライドショー。 左右に画像を表示したい時の注意点をメモ。 ダウンロードはこちらから swiper公式サイ …

IE10で要素がはみ出してしまう時の対処法

なぜかIEだけ特定の要素がはみ出てしまうことはありませんか? 私はよくあります。 ページ作成をしていてブラウザチェックをしているとよくぶち当たるこの問題。 何度か解決してるけど、しばらくしたら忘れてし …

cssでlistのborderを斜め線にする

このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。 まずはHTMLでメニュー作成 普通にリストで作成 …

tableのwidth幅指定のメモ

サイト制作している時、 時々テーブルを使うけどIEやfirefoxでwidth指定がきかなかったので対応のメモ。 thやtdに対して幅を指定する場合 Chromeならcalc();が使えるけど、IEで …

翻訳する