メインコンテンツへスキップ
Color Codes

カラーコードとパレット

オリーブのカラーコード

オリーブは #808000 の、くすんだ黄と緑を合わせた色です。アースカラーの個性は実用的、植物的、伝統的なパレットに合い、特にベージュやダークブラウンと相性がよい色です。

オリーブ
#808000

カラー形式

同じベースカラーを主要な Web 形式で表しています。

SVG スウォッチをダウンロード

濃淡

オリーブ — 濃淡
カラー名前HEXコピー
Olive 50#FFFFE5
Olive 100#FFFFB3
Olive 200#FFFF80
Olive 300#FFFF4D
Olive 400#FFFF1A
Olive 500#E5E600
Olive 600#B2B300
Olive 700#7F8000
Olive 800#4C4D00
Olive 900#191A00

文字のコントラスト

これらの比率は WCAG の相対輝度の式で計算しています。

Aa 白い文字 4.20:1 AA · 大きなテキスト
Aa 黒い文字 5.01:1 AA
コントラストツールで確認

オリーブの使い方

アウトドア・実用品のプロダクト

ボタニカルなエディトリアルの配色

ベージュやブラウンと合わせたクラシックなスタイル

オリーブ と相性のよい色

#808000 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。

色相環で向かい合う色。コントラストが最も強く、力強いアクセントに。

隣り合う色相。落ち着いた統一感のある面に向いています。

等間隔に並ぶ 3 つの色相。カラフルでもバランスのよい配色に。

スプリット補色

カラーホイールで開く

ベース色と補色の両隣の色。コントラストを保ちつつ穏やかに。

オリーブ に近い色

近い色を含むパレット

関連するカラー