#e052a7
RGB
赤 | 224 |
---|---|
緑 | 82 |
青 | 167 |
HSL
色相 | 324° |
---|---|
彩度 | 70% |
明度 | 60% |
輝度 | 53% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 224, 緑 = 82, 青 = 167 )
HSL ( 色相 = 324°, 彩度 = 70%, 明度 = 60% )
H : 色相 ( 324° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #e05b52 : -320
14 : #e07352 : -310
24 : #e08b52 : -300
34 : #e0a352 : -290
44 : #e0ba52 : -280
54 : #e0d252 : -270
64 : #d7e052 : -260
74 : #bfe052 : -250
84 : #a7e052 : -240
94 : #8fe052 : -230
104 : #78e052 : -220
114 : #60e052 : -210
124 : #52e05b : -200
134 : #52e073 : -190
144 : #52e08b : -180
154 : #52e0a3 : -170
164 : #52e0ba : -160
174 : #52e0d2 : -150
184 : #52d7e0 : -140
194 : #52bfe0 : -130
204 : #52a7e0 : -120
214 : #528fe0 : -110
224 : #5278e0 : -100
234 : #5260e0 : -90
244 : #5b52e0 : -80
254 : #7352e0 : -70
264 : #8b52e0 : -60
274 : #a352e0 : -50
284 : #ba52e0 : -40
294 : #d252e0 : -30
304 : #e052d7 : -20
314 : #e052bf : -10
324 : #e052a7 : ±0
334 : #e0528f : +10
344 : #e05278 : +20
354 : #e05260 : +30
314 : #e052bf : -10
315 : #e052bd : -9
316 : #e052ba : -8
317 : #e052b8 : -7
318 : #e052b6 : -6
319 : #e052b3 : -5
320 : #e052b1 : -4
321 : #e052ae : -3
322 : #e052ac : -2
323 : #e052aa : -1
324 : #e052a7 : ±0
325 : #e052a5 : +1
326 : #e052a3 : +2
327 : #e052a0 : +3
328 : #e0529e : +4
329 : #e0529b : +5
330 : #e05299 : +6
331 : #e05297 : +7
332 : #e05294 : +8
333 : #e05292 : +9
334 : #e0528f : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -70
2 : #9b9799 : -68
4 : #9d959a : -66
6 : #9f939a : -64
8 : #a1919b : -62
10 : #a38f9b : -60
12 : #a58d9b : -58
14 : #a78b9c : -56
16 : #a9899c : -54
18 : #ab879d : -52
20 : #ad859d : -50
22 : #af839d : -48
24 : #b1819e : -46
26 : #b47e9e : -44
28 : #b67c9f : -42
30 : #b87a9f : -40
32 : #ba78a0 : -38
34 : #bc76a0 : -36
36 : #be74a0 : -34
38 : #c072a1 : -32
40 : #c270a1 : -30
42 : #c46ea2 : -28
44 : #c66ca2 : -26
46 : #c86aa2 : -24
48 : #ca68a3 : -22
50 : #cc66a3 : -20
52 : #ce64a4 : -18
54 : #d062a4 : -16
56 : #d260a4 : -14
58 : #d45ea5 : -12
60 : #d65ca5 : -10
62 : #d85aa6 : -8
64 : #da58a6 : -6
66 : #dc56a6 : -4
68 : #de54a7 : -2
70 : #e052a7 : ±0
72 : #e250a8 : +2
74 : #e44ea8 : +4
76 : #e74ba9 : +6
78 : #e949a9 : +8
80 : #eb47a9 : +10
82 : #ed45aa : +12
84 : #ef43aa : +14
86 : #f141ab : +16
88 : #f33fab : +18
90 : #f53dab : +20
92 : #f73bac : +22
94 : #f939ac : +24
96 : #fb37ad : +26
98 : #fd35ad : +28
100 : #ff33ad : +30
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #090206 : -58
4 : #11030c : -56
6 : #1a0511 : -54
8 : #230617 : -52
10 : #2b081d : -50
12 : #340923 : -48
14 : #3d0b29 : -46
16 : #450c2f : -44
18 : #4e0e34 : -42
20 : #570f3a : -40
22 : #5f1140 : -38
24 : #681246 : -36
26 : #71144c : -34
28 : #791551 : -32
30 : #821757 : -30
32 : #8b185d : -28
34 : #931a63 : -26
36 : #9c1c69 : -24
38 : #a51d6e : -22
40 : #ad1f74 : -20
42 : #b6207a : -18
44 : #bf2280 : -16
46 : #c72386 : -14
48 : #d0258c : -12
50 : #d92691 : -10
52 : #da2f96 : -8
54 : #dc389a : -6
56 : #dd409f : -4
58 : #df49a3 : -2
60 : #e052a7 : ±0
62 : #e25aac : +2
64 : #e363b0 : +4
66 : #e56cb4 : +6
68 : #e774b9 : +8
70 : #e87dbd : +10
72 : #ea86c2 : +12
74 : #eb8ec6 : +14
76 : #ed97ca : +16
78 : #eea0cf : +18
80 : #f0a8d3 : +20
82 : #f1b1d8 : +22
84 : #f3badc : +24
86 : #f4c2e0 : +26
88 : #f6cbe5 : +28
90 : #f7d4e9 : +30
92 : #f9dced : +32
94 : #fae5f2 : +34
96 : #fceef6 : +36
98 : #fdf6fb : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow