コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY

今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■

[tsukuruiroiro]

書きました。

[MasaoBlue]

ルール自体はなんとなく分かってても、おいてみるとセンスってバレるよね。

[yto]

色の名前であるといいな

[adgt]

こりゃあいい

[ra_cer_X]

【ありがたい】私は配色を言語化して説明するのがヘタクソな人です(´･ω･lll)でもこの記事みたいにジャンル別のパターンがあれば説明しやすかったです (´,,•ω•,,｀)16進数のコピペもできるので使ってみてください。

[hukurou03]

勉強になる！助かります！！

[trollvinter]

すごい勉強になる！！

[maitriimaitrii]

使わせて頂きます！！！！

[matsurimama]

使わせていただきます。

[gakuh]

“B5B5B4”

[masaems]

使わせてもらいます

[Totty-Totty]

コピペで使えるオシャレな配色パターン見本 25（Webカラーコード付） : LITERALLY 今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼ

[ueda_kintarou]

まるぱくりする

[stakaya]

かわいい配色が沢山ある。

[edunews]

コピペで使えるというタイトルいいですね。

[dosanen]

シェア！

[miyamarin]

１２と２５が好きです。色の合わせ方ってむずかしいですよね。黒がベースで、グレーやピンク、ブルーを合せるとき、明度や彩度を調べるようにしています。好きな色ってほんと昔から変わらないですｗ

[bluedol1120]

これは参考にしたい

[nilab]

コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - Literally

[fukufukulow]

これは参考になる

[hosiken]

プログラマが色を適当に決める時によくやる「2の累乗の組み合わせ」か「16進数のゾロ目」から一皮むけたい

[susieq]

配色かぁ、いつも適当にやっているな。これもきっと見ないのだろう。

[icosmic]

これは使える

[nohako]

わかりやすい

[grampusday]

これはとても参考になる！！

[HM_naoto]

説明とサンプルがわかりやすくていいですね！ここに記載されている色をベースに自身でアレンジを加えていけばいいかなと

[marief8107]

最近はホームページ作ったりしないから、使う事ないけど。

[skyblue_collor]

ほ～ スライドとかに使えるかな

[t_pooh]

φ(.. ) メモ:

[nickun]

あとで読む

[ikujilog]

配色苦手なので、活用したいと思います。

[kootaaboo]

いいなこれ！

[miracle1998]

7.　元気！(o^ O^)シ彡☆

[naomu41]

優雅の配色を見た時とっさにライザップを思い出したので色の効果ってすごいなと思う 色って印象に残るね