#eb14c3
RGB
| 赤 | 235 |
|---|---|
| 緑 | 20 |
| 青 | 195 |
HSL
| 色相 | 311° |
|---|---|
| 彩度 | 84% |
| 明度 | 50% |
| 輝度 | 41% |
３桁の色
補色
反転色
RGB ( 赤 = 235, 緑 = 20, 青 = 195 )
HSL ( 色相 = 311°, 彩度 = 84%, 明度 = 50% )
H : 色相 ( 311° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #eb1814 : -310
11 : #eb3c14 : -300
21 : #eb5f14 : -290
31 : #eb8314 : -280
41 : #eba714 : -270
51 : #ebca14 : -260
61 : #e7eb14 : -250
71 : #c3eb14 : -240
81 : #a0eb14 : -230
91 : #7ceb14 : -220
101 : #58eb14 : -210
111 : #35eb14 : -200
121 : #14eb18 : -190
131 : #14eb3c : -180
141 : #14eb5f : -170
151 : #14eb83 : -160
161 : #14eba7 : -150
171 : #14ebca : -140
181 : #14e7eb : -130
191 : #14c3eb : -120
201 : #14a0eb : -110
211 : #147ceb : -100
221 : #1458eb : -90
231 : #1435eb : -80
241 : #1814eb : -70
251 : #3c14eb : -60
261 : #5f14eb : -50
271 : #8314eb : -40
281 : #a714eb : -30
291 : #ca14eb : -20
301 : #eb14e7 : -10
311 : #eb14c3 : ±0
321 : #eb14a0 : +10
331 : #eb147c : +20
341 : #eb1458 : +30
351 : #eb1435 : +40
301 : #eb14e7 : -10
302 : #eb14e3 : -9
303 : #eb14e0 : -8
304 : #eb14dc : -7
305 : #eb14d9 : -6
306 : #eb14d5 : -5
307 : #eb14d2 : -4
308 : #eb14ce : -3
309 : #eb14ca : -2
310 : #eb14c7 : -1
311 : #eb14c3 : ±0
312 : #eb14c0 : +1
313 : #eb14bc : +2
314 : #eb14b9 : +3
315 : #eb14b5 : +4
316 : #eb14b1 : +5
317 : #eb14ae : +6
318 : #eb14aa : +7
319 : #eb14a7 : +8
320 : #eb14a3 : +9
321 : #eb14a0 : +10
S : 彩度 ( 84% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7f7f7f : -84
2 : #827d81 : -82
4 : #857a83 : -80
6 : #877884 : -78
8 : #8a7586 : -76
10 : #8c7388 : -74
12 : #8f7089 : -72
14 : #916e8b : -70
16 : #946b8c : -68
18 : #96698e : -66
20 : #996690 : -64
22 : #9c6391 : -62
24 : #9e6193 : -60
26 : #a15e94 : -58
28 : #a35c96 : -56
30 : #a65998 : -54
32 : #a85799 : -52
34 : #ab549b : -50
36 : #ad529d : -48
38 : #b04f9e : -46
40 : #b34da0 : -44
42 : #b54aa1 : -42
44 : #b847a3 : -40
46 : #ba45a5 : -38
48 : #bd42a6 : -36
50 : #bf40a8 : -34
52 : #c23da9 : -32
54 : #c43bab : -30
56 : #c738ad : -28
58 : #c936ae : -26
60 : #cc33b0 : -24
62 : #cf30b2 : -22
64 : #d12eb3 : -20
66 : #d42bb5 : -18
68 : #d629b6 : -16
70 : #d926b8 : -14
72 : #db24ba : -12
74 : #de21bb : -10
76 : #e01fbd : -8
78 : #e31cbe : -6
80 : #e61ac0 : -4
82 : #e817c2 : -2
84 : #eb14c3 : ±0
86 : #ed12c5 : +2
88 : #f00fc7 : +4
90 : #f20dc8 : +6
92 : #f50aca : +8
94 : #f708cb : +10
96 : #fa05cd : +12
98 : #fc03cf : +14
100 : #ff00d0 : +16
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #090108 : -48
4 : #130210 : -46
6 : #1c0217 : -44
8 : #26031f : -42
10 : #2f0427 : -40
12 : #38052f : -38
14 : #420637 : -36
16 : #4b073f : -34
18 : #540746 : -32
20 : #5e084e : -30
22 : #670956 : -28
24 : #710a5e : -26
26 : #7a0b66 : -24
28 : #830b6d : -22
30 : #8d0c75 : -20
32 : #960d7d : -18
34 : #a00e85 : -16
36 : #a90f8d : -14
38 : #b21094 : -12
40 : #bc109c : -10
42 : #c511a4 : -8
44 : #ce12ac : -6
46 : #d813b4 : -4
48 : #e114bc : -2
50 : #eb14c3 : ±0
52 : #eb1ec6 : +2
54 : #ec27c8 : +4
56 : #ed31ca : +6
58 : #ee3acd : +8
60 : #ef43cf : +10
62 : #ef4dd2 : +12
64 : #f056d4 : +14
66 : #f15fd6 : +16
68 : #f269d9 : +18
70 : #f372db : +20
72 : #f47cde : +22
74 : #f485e0 : +24
76 : #f58ee2 : +26
78 : #f698e5 : +28
80 : #f7a1e7 : +30
82 : #f8abea : +32
84 : #f8b4ec : +34
86 : #f9bdee : +36
88 : #fac7f1 : +38
90 : #fbd0f3 : +40
92 : #fcd9f5 : +42
94 : #fde3f8 : +44
96 : #fdecfa : +46
98 : #fef6fd : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow