Colors.cssがWeb上の色に新しいデフォルトを提供

あなたのウェブサイトのためのすばらしい配色を見つけることは容易な仕事ではありません。しかし、それだけではるかに簡単になりました 色彩ライブラリー アダム・モールス.

この無料のCSSライブラリ 元のWebカラーを無効にします。 みなした “ウェブセーフ” 想像できるように、それ以来、Webは大きな進歩を遂げました。.

色を使うと、できます デフォルトの色選択を上書きする そしてあなたのレイアウトにもっと適したデフォルトを使う。これらの色はずっと簡単に合います コントラストを薄くすることでテンションを少なくする.

たとえば、 ＃000 黒のために、このライブラリは使います ＃111 に 同じ暗さを保つ 不快なコントラストをいくらか取り除きます。これはテキストと背景のためにずっとよく働きます.

あなたは色をインストールすることができます npm経由 または GitHubを通じて スタイルシートを直接ダウンロードする.

何よりも、それ 無料見本が付属しています あなたは色に簡単にアクセスするためにあなたのデザインプログラムにインポートすることができます。次のスウォッチファイルが含まれています。

.アコ （フォトショップ）
.アセ （イラストレーター／ XD）
.gpl （Gimp / Inkscape）

デフォルトの色でモックアップをたくさんデザインするのであれば、これらの色見本のコピーを入手することを強くお勧めします。あなたはこれらの色がどのようなレイアウトにうまく収まることができるかに驚くでしょう。.

さらに、Colors.cssには独自のものもあります。 アクセシビリティスキーム どこにありますか 90色の組み合わせ これは、質の高いアクセシビリティに関するWCAGの仕様を満たしています。これは、可能な限り幅広いオーディエンスをサポートしようとしている人にとっては非常に大きなものであり、最新のUI / UXの動作を非常に気にかけているデザイナーにとっては素晴らしいことです.

しかし、もっと重要なのは、オープンソースコミュニティでそれほど多くの進歩が見られたことです。.

古いWebサイトを振り返ってみると、どれだけ改善されたかがわかります。また、一般的なデザインの傾向、特に色の選択やCSSライブラリについても同じことが言えます。.

Colorsライブラリの詳細については、次のWebサイトをご覧ください。 メインページ そしてチェックアウト実例. あなたは引っ張ることができます .CSS から直接すべてのスウォッチファイルと一緒にファイル GitHubリポジトリ, も.