CSS の名前付きカラー
Tomato のカラーコード
Tomato はレッド系の色で、明るさは中くらい、彩度は高めです。カラーコードは #FF6347 です。 RGB では rgb(255, 99, 71)、HSL では hsl(9, 100%, 64%)、CMYK では cmyk(0%, 61%, 72%, 0%) です。
Tomato
#FF6347
カラー値
CSS ではキーワード tomato で指定できます。
Tomato の上の白い文字のコントラスト比は 2.95:1、黒い文字は 7.13:1 なので、黒の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Red 400 (#F87171) です。
CSS で Tomato を使う
.element {
color: tomato;
background-color: #ff6347;
border-color: rgb(255, 99, 71);
}Tomato の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
Tomato と相性のよい色
#FF6347 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
Tomato の上の文字コントラスト
Aa
白い文字
2.95:1
不合格
Aa
黒い文字
7.13:1
AAA
Tomato に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
Tomato についてのよくある質問
Tomato のカラーコードは？
Tomato のカラーコードは #FF6347 です。RGB 値は rgb(255, 99, 71)、HSL 値は hsl(9, 100%, 64%) です。
Tomato に合う色は？
Tomato の補色は #47E3FF です。やわらかい配色なら類似色の #FF4788、#FFBF47、バランスのよい 3 色配色ならトライアドの #47FF63、#6347FF を使いましょう。
Tomato は文字色として読みやすいですか？
白い背景の上では Tomato のコントラスト比は 2.95:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしていません。黒い背景の上では 7.13:1 です。