色の名前 #ea5a79

Highlighter Pink

カラー :16 進数 (RGB 形式) (234, 90, 121): 92%, 35%, 47% red、92%, 35%, 47% green、92%, 35%, 47% blue。 CMYK 形式の #ea5a79 (0%, 62%, 48%, 8%): 0%, 62%, 48%, 8%。 HSL カラーモデル (347, 77%, 64%) の場合: 347, 77%, 64% 度、347, 77%, 64% 彩度、347, 77%, 64% 明度。他の形式と試合は以下に示されています。

#ea5a79

#ec6b86

#ee7b94

#f08ca1

#f29caf

#f5adbc

#f7bdc9

#f9ced7

#fbdee4

#fdeff2

#ffffff

カラーフォーマット

HEX

#ea5a79

RYB

144, 0, -113

RGB

234, 90, 121

Decimal

15358585

RGB %

92%, 35%, 47%

Websafe

#ff6666

CMYK

0%, 62%, 48%, 8%

Lab

58.21, 58.03, 12.43

HSL

347, 77%, 64%

XYZ

41.04, 26.19, 20.98

HSV

347, 62%, 92%

YIQ

136.59, 75.84, 40.06

Hunter-Lab

5.12, 6.11, 1.35

YUV

136.59, -7.67, 85.46

Android

0xFFea5a79

Yxy

26.19, 0.47, 0.3

追加の色

#ea5a79

#ea5a61

#ea6b5a

#ea835a

#ea5f5a

#ea775a

#ea8f5a

#eaa75a

#ea835a

#ea9b5a

#eab35a

#eacb5a

#eaa75a

#eabf5a

#ead75a

#e5ea5a

#eacb5a

#eae35a

#d9ea5a

#c1ea5a

#e5ea5a

#cdea5a

#b5ea5a

#9dea5a

#c1ea5a

#a9ea5a

#91ea5a

#79ea5a

カラースキーム

Complementary

#ea5a79

#5aeacb

Triad

#ea5a79

#79ea5a

#5a79ea

Tetrad

#ea5a79

#c1ea5a

#5aeacb

#835aea

シェード

#ea5a79

#da5471

#cb4e69

#bb4861

#ac4259

#9c3c51

#8c3649

#7d3041

#6d2a38

#5e2430

#4e1e28

#3e1820

#2f1218

#1f0c10

#100608

ダークトーン

#bb4861

#b2445c

#a84157

#9f3d52

#963a4d

#8c3649

#833244

#7a2f3f

#702b3a

#672835

#5e2430

#54202c

#4b1d27

#421922

#38161d

ライトトーン

#ea5a79

#f35e7e

#fd6183

#ff6588

#ff688c

#ff6c91

#ff7096

#ff739b

#ff77a0

#ff7aa5

#ff7ea9

#ff82ae

#ff85b3

#ff89b8

#ff8cbd

単色

#e3214a

#e3264f

#e42c54

#e53258

#e6385d

#e63d62

#e74366

#e8496b

#e94f70

#e95474

#ea5a79

#eb607e

#eb6582

#ec6b87

#ed718c

類似した

#835aea

#cb5aea

#ea5ac1

#ea5a79

#ea835a

#eacb5a

#c1ea5a

HTML (CSS) のスタイル

このブロックの背景は色付きです #c1ea5a

<div style="background: #c1ea5a">Background</div>

div {background: #c1ea5a;}

このブロックのテキストと境界線は色付きです #ea5a79

div {color: #c1ea5a;}

<div style="border: 1px solid #ea5a79">Border</div>

div {border: 1px solid #ea5a79;}