モモイロインコ桃（ももいろいんこもも） - オセアニアの伝統色

広色域（Display P3）比較

sRGB（従来のWeb標準）

#D878A0

Display P3（広色域）

color(display-p3 0.8 0.49 0.62)

意味と歴史

由来

モモイロインコ桃は、オセアニアの島嶼文化と大自然に由来する色名。太平洋の広大な環境を反映している。

歴史

アボリジニ、マオリ、ポリネシアなどの先住民文化において、ボディペイント、タトゥー、工芸品に用いられてきた。

心理的効果

Pinkの色調は、オセアニアの海と大地のエネルギーを表現し、自然との調和を感じさせる。

伝統的な用途

アボリジニアート、タパ布、マオリ彫刻、ポリネシアンタトゥーに使用される。現代ではオセアニアのデザインに活用される。

CSSコード

HEX

#D878A0

RGB

rgb(216, 120, 160)

CMYK

cmyk(0%, 44%, 26%, 15%)

HSV

hsv(335, 44%, 85%)

OKLCH

oklch(0.69 0.128 354.5)

Display P3

color(display-p3 0.8 0.49 0.62)

Munsell

5RP 7.7/6.2

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #D878A0;
  background-color: oklch(0.69 0.128 354.5);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.8 0.49 0.62);
  }
}

コントラストチェッカー

WCAG 2.1 基準に基づくコントラスト比を表示します。

サンプル

白背景

2.95:1

AA Fail AAA Fail

AA大文字 Fail

サンプル

黒背景

7.11:1

AA Pass AAA Pass

AA大文字 Pass

サンプル

白文字

2.95:1

AA Fail AAA Fail

AA大文字 Fail

サンプル

黒文字

7.11:1

AA Pass AAA Pass

AA大文字 Pass

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。

背景色として使用

白テキスト — The quick brown fox

黒テキスト — The quick brown fox

色の上にテキストを配置した場合の可読性を確認できます。見出し・本文・リンクなど、さまざまなサイズで試してみてください。

テキスト色として使用

白背景 — 見出しテキスト

本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.

黒背景 — 見出しテキスト

本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.

UIコンポーネントでの使用例

バッジ

色覚シミュレーション

P型（1型）

赤色の感度が低下

#848CA1

D型（2型）

緑色の感度が低下

#9C9D9E

T型（3型）

青色の感度が低下

#E57386

配色提案

補色

色相環の反対側

類似色

色相が近い色

トライアド

三角形の配色

スプリットコンプリメンタリー

補色の両隣

グラデーション

ティント（明るく）

background: linear-gradient(to right, #D878A0, #FFFFFF);

#D878A0

#E093B3

#E8AEC6

#EFC9D9

#F7E4EC

#FFFFFF

シェード（暗く）

background: linear-gradient(to right, #D878A0, #000000);

#D878A0

#AD6080

#824860

#563040

#2B1820

#000000

透明へ

background: linear-gradient(to right, #D878A0, transparent);

エクスポート

CSS変数

--color-galah_pink: #D878A0;
--color-galah_pink-rgb: 216, 120, 160;
--color-galah_pink-oklch: 0.69 0.128 354.5;

Sass変数

$color-galah_pink: #D878A0;
$color-galah_pink-rgb: rgb(216, 120, 160);
$color-galah_pink-oklch: oklch(0.69 0.128 354.5);

Tailwind Config

'galah_pink': '#D878A0',

SwiftUI

Color(red: 0.847, green: 0.471, blue: 0.627)

JSON

{
  "name": {
    "ja": "モモイロインコ桃",
    "en": "Galah Pink",
    "reading": "ももいろいんこもも"
  },
  "hex": "#D878A0",
  "rgb": {
    "r": 216,
    "g": 120,
    "b": 160
  },
  "cmyk": {
    "c": 0,
    "m": 44,
    "y": 26,
    "k": 15
  },
  "oklch": {
    "l": 0.69,
    "c": 0.128,
    "h": 354.5
  },
  "displayP3": {
    "r": 0.8,
    "g": 0.49,
    "b": 0.62
  },
  "hsv": {
    "h": 335,
    "s": 44,
    "v": 85
  },
  "munsell": "5RP 7.7/6.2"
}