⬅️CSS名前付き色 一覧に戻る

gainsboro

gainsboroのカラーコードと配色相性を確認できるページです。

gainsboroのカラーコード

色名や色コードはボタンを押すとコピーできます

NAME
gainsboro
GAINSBORO
Gainsboro
HEX
#dcdcdc
#DCDCDC
DEC
220,220,220
rgb(220,220,220)
rgba(220,220,220,1)

gainsboroについて

gainsboroはCSSのNamed Colorのひとつです。 カラーコードは#dcdcdcです。

CSSで使用する場合はcolor: gainsboro;background-color: gainsboro;のように指定します。

gainsboroの配色サンプル

gainsboroの上に他の文字を乗せた時の実際のイメージです
色名や色コードをクリックするとコピーできます

一覧の作成にはw3.orgで定義されているものを利用しています。

コントラスト比はWCAG(Web Content Accessibility Guidelines)の基準に基づいて算出しています。判定はfont-size:16px・font-weight:400(通常テキスト)を基準としており、AA(4.5:1以上)・AAA(7:1以上)それぞれのPASS/FAILを表示しています。テキストのサイズや太さが異なる場合は判定基準が変わります。