色を検索

#

#677c87 色彩情報

rgb(103, 124, 135)

device-cmyk(24% 8% 0% 47%)

hsl(201, 13%, 47%)

hwb(201 40% 47%)

lch(50.61% 10.55 235.51)

slategray (最も近い)

slategray

#677c87 カラーコード

#677c87 は RGB カラーモードでは、103% の赤、124% の緑、135% の青で構成されています。CMYK モードでは、24% のシアン、8% のマゼンタ、0% のイエロー、47% のブラックに変換されます。この色の HSL は 201 度、彩度 13%、明度 47% です。LAB カラーモードの値は L: 50.61, a: -5.97, b: -8.69 です。

hex#677c87
rgb103, 124, 135, 1
hsl201, 13, 47, 1
hsv201, 24, 53, 1
cmyk24, 8, 0, 47, 1
hwb201, 40, 47, 1
lab50.61, -5.97, -8.69, 1
lch50.61, 10.55, 235.51, 1
xyz17.14, 18.94, 19.45, 1

色のコントラストチェック

背景色 と テキスト色 の色のコントラストが WCAG 基準を満たしているか確認します。

4.8

Bashfulness is an ornament to youth, but a reproach to old age.

- Aristotle

Bashfulness is an ornament to youth, but a reproach to old age.

- Aristotle

変化

色調 (ティント)、色調 (シェード)、色調 (トーン)、グレースケール、彩度、色相 の色のバリエーションを確認します。

色調 (ティント)

色彩理論では、Tint は色と白の混合で、明度を増します。

色調 (シェード)

色彩理論では、Shade は色と黒の混合で、明度を減らします。

色調 (トーン)

色彩理論では、Tone は色と灰色の混合で、明度を減らします。

調和色

調和色 (Harmony) は色彩学において、色のバランスと調和を指し、異なる色を組み合わせて視覚的に心地よくバランスの取れた効果を生み出します。この配色方法は色相、彩度、明度などの特性に基づいており、さまざまな色が一緒に見たときに調和して見えることを保証します。

ダブルスプリット補色

スプリット補色

三色配色

色覚異常シミュレーター

色覚異常 (Blindness) シミュレーションは、色覚異常の視覚効果を模擬し、デザイナーや開発者がよりユーザーフレンドリーな製品を設計するのを助けます。

全色弱

94% 類似

患者はほとんどの色を正しく見ることができず、視覚の色彩が大幅に減少します。

全色盲

90% 類似

患者は色を全く見ることができず、黒、白、灰色のトーンしか見えません。

緑色弱

90% 類似

赤緑色盲の一種で、緑色の識別に影響を与えます。

緑色盲

85% 類似

赤緑色盲の一種で、患者は緑色を見ることができません。

赤色弱

94% 類似

赤緑色盲の一種で、赤色の識別に影響を与えます。

赤色盲

89% 類似

赤緑色盲の一種で、患者は赤色を見ることができません。

青黄色弱

99% 類似

比較的稀な色盲のタイプで、青色と黄色の識別に影響を与えます。

青黄色盲

99% 類似

稀な色盲のタイプで、患者は青色と黄色を見ることができません。