#ea57ad
RGB
| 赤 | 234 |
|---|---|
| 緑 | 87 |
| 青 | 173 |
HSL
| 色相 | 325° |
|---|---|
| 彩度 | 78% |
| 明度 | 63% |
| 輝度 | 55% |
３桁の色
補色
反転色
RGB ( 赤 = 234, 緑 = 87, 青 = 173 )
HSL ( 色相 = 325°, 彩度 = 78%, 明度 = 63% )
H : 色相 ( 325° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #ea6357 : -320
15 : #ea7c57 : -310
25 : #ea9457 : -300
35 : #eaad57 : -290
45 : #eac557 : -280
55 : #eade57 : -270
65 : #deea57 : -260
75 : #c5ea57 : -250
85 : #adea57 : -240
95 : #94ea57 : -230
105 : #7cea57 : -220
115 : #63ea57 : -210
125 : #57ea63 : -200
135 : #57ea7c : -190
145 : #57ea94 : -180
155 : #57eaad : -170
165 : #57eac5 : -160
175 : #57eade : -150
185 : #57deea : -140
195 : #57c5ea : -130
205 : #57adea : -120
215 : #5794ea : -110
225 : #577cea : -100
235 : #5763ea : -90
245 : #6357ea : -80
255 : #7c57ea : -70
265 : #9457ea : -60
275 : #ad57ea : -50
285 : #c557ea : -40
295 : #de57ea : -30
305 : #ea57de : -20
315 : #ea57c5 : -10
325 : #ea57ad : ±0
335 : #ea5794 : +10
345 : #ea577c : +20
355 : #ea5763 : +30
315 : #ea57c5 : -10
316 : #ea57c3 : -9
317 : #ea57c1 : -8
318 : #ea57be : -7
319 : #ea57bc : -6
320 : #ea57b9 : -5
321 : #ea57b7 : -4
322 : #ea57b4 : -3
323 : #ea57b2 : -2
324 : #ea57af : -1
325 : #ea57ad : ±0
326 : #ea57aa : +1
327 : #ea57a8 : +2
328 : #ea57a6 : +3
329 : #ea57a3 : +4
330 : #ea57a1 : +5
331 : #ea579e : +6
332 : #ea579c : +7
333 : #ea5799 : +8
334 : #ea5797 : +9
335 : #ea5794 : +10
S : 彩度 ( 78% )
(0%) 渋い ～ 鮮やか (100%)
0 : #a0a0a0 : -78
2 : #a39fa1 : -76
4 : #a49da1 : -74
6 : #a69ba2 : -72
8 : #a899a2 : -70
10 : #aa97a2 : -68
12 : #ac95a3 : -66
14 : #ae93a3 : -64
16 : #b092a3 : -62
18 : #b290a3 : -60
20 : #b48ea4 : -58
22 : #b58ca4 : -56
24 : #b78aa4 : -54
26 : #b988a5 : -52
28 : #bb86a5 : -50
30 : #bd84a5 : -48
32 : #bf82a6 : -46
34 : #c181a6 : -44
36 : #c37fa6 : -42
38 : #c57da7 : -40
40 : #c67ba7 : -38
42 : #c879a7 : -36
44 : #ca77a8 : -34
46 : #cc75a8 : -32
48 : #ce73a8 : -30
50 : #d071a9 : -28
52 : #d270a9 : -26
54 : #d46ea9 : -24
56 : #d56ca9 : -22
58 : #d76aaa : -20
60 : #d968aa : -18
62 : #db66aa : -16
64 : #dd64ab : -14
66 : #df62ab : -12
68 : #e160ab : -10
70 : #e35fac : -8
72 : #e55dac : -6
74 : #e65bac : -4
76 : #e859ad : -2
78 : #ea57ad : ±0
80 : #ec55ad : +2
82 : #ee53ae : +4
84 : #f051ae : +6
86 : #f250ae : +8
88 : #f44eae : +10
90 : #f64caf : +12
92 : #f74aaf : +14
94 : #f948af : +16
96 : #fb46b0 : +18
98 : #fd44b0 : +20
100 : #ff42b0 : +22
L : 明度 ( 63% )
(0%) 暗い ～ 明るい (100%)
1 : #050103 : -62
3 : #0e0209 : -60
5 : #17030e : -58
7 : #200414 : -56
9 : #29051a : -54
11 : #320620 : -52
13 : #3b0725 : -50
15 : #44082b : -48
17 : #4d0a31 : -46
19 : #560b37 : -44
21 : #5f0c3d : -42
23 : #680d42 : -40
25 : #710e48 : -38
27 : #7b0f4e : -36
29 : #841054 : -34
31 : #8d1159 : -32
33 : #96135f : -30
35 : #9f1465 : -28
37 : #a8156b : -26
39 : #b11670 : -24
41 : #ba1776 : -22
43 : #c3187c : -20
45 : #cc1982 : -18
47 : #d51a87 : -16
49 : #de1b8d : -14
51 : #e42192 : -12
53 : #e52a97 : -10
55 : #e6339b : -8
57 : #e73ca0 : -6
59 : #e845a4 : -4
61 : #e94ea8 : -2
63 : #ea57ad : ±0
65 : #eb60b1 : +2
67 : #ec69b6 : +4
69 : #ee72ba : +6
71 : #ef7bbf : +8
73 : #f084c3 : +10
75 : #f18ec8 : +12
77 : #f297cc : +14
79 : #f3a0d0 : +16
81 : #f4a9d5 : +18
83 : #f5b2d9 : +20
85 : #f7bbde : +22
87 : #f8c4e2 : +24
89 : #f9cde7 : +26
91 : #fad6eb : +28
93 : #fbdfef : +30
95 : #fce8f4 : +32
97 : #fdf1f8 : +34
99 : #fefafd : +36
CSS入門、作ってます。
text-shadow