#4e0284
RGB ( 赤 = 78, 緑 = 2, 青 = 132 )
HSL ( 色相 = 275°, 彩度 = 97%, 明度 = 26% )
H : 色相 ( 275° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #830d02 : -270
15 : #832202 : -260
25 : #833802 : -250
35 : #834d02 : -240
45 : #836202 : -230
55 : #837802 : -220
65 : #788302 : -210
75 : #628302 : -200
85 : #4d8302 : -190
95 : #388302 : -180
105 : #228302 : -170
115 : #0d8302 : -160
125 : #02830d : -150
135 : #028322 : -140
145 : #028338 : -130
155 : #02834d : -120
165 : #028362 : -110
175 : #028378 : -100
185 : #027883 : -90
195 : #026283 : -80
205 : #024d83 : -70
215 : #023883 : -60
225 : #022283 : -50
235 : #020d83 : -40
245 : #0d0283 : -30
255 : #220283 : -20
265 : #380283 : -10
275 : #4d0283 : ±0
285 : #620283 : +10
295 : #780283 : +20
305 : #830278 : +30
315 : #830262 : +40
325 : #83024d : +50
335 : #830238 : +60
345 : #830222 : +70
355 : #83020d : +80
265 : #380283 : -10
266 : #3a0283 : -9
267 : #3c0283 : -8
268 : #3e0283 : -7
269 : #400283 : -6
270 : #420283 : -5
271 : #440283 : -4
272 : #470283 : -3
273 : #490283 : -2
274 : #4b0283 : -1
275 : #4d0283 : ±0
276 : #4f0283 : +1
277 : #510283 : +2
278 : #530283 : +3
279 : #560283 : +4
280 : #580283 : +5
281 : #5a0283 : +6
282 : #5c0283 : +7
283 : #5e0283 : +8
284 : #600283 : +9
285 : #620283 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #424243 : -96
3 : #434044 : -94
5 : #433f46 : -92
7 : #433e47 : -90
9 : #433c48 : -88
11 : #443b4a : -86
13 : #443a4b : -84
15 : #44384c : -82
17 : #44374e : -80
19 : #44364f : -78
21 : #453450 : -76
23 : #453352 : -74
25 : #453253 : -72
27 : #453054 : -70
29 : #462f56 : -68
31 : #462e57 : -66
33 : #462c58 : -64
35 : #462b5a : -62
37 : #462a5b : -60
39 : #47285c : -58
41 : #47275d : -56
43 : #47265f : -54
45 : #472460 : -52
47 : #472361 : -50
49 : #482263 : -48
51 : #482064 : -46
53 : #481f65 : -44
55 : #481e67 : -42
57 : #491d68 : -40
59 : #491b69 : -38
61 : #491a6b : -36
63 : #49196c : -34
65 : #49176d : -32
67 : #4a166f : -30
69 : #4a1570 : -28
71 : #4a1371 : -26
73 : #4a1273 : -24
75 : #4b1174 : -22
77 : #4b0f75 : -20
79 : #4b0e77 : -18
81 : #4b0d78 : -16
83 : #4b0b79 : -14
85 : #4c0a7b : -12
87 : #4c097c : -10
89 : #4c077d : -8
91 : #4c067f : -6
93 : #4d0580 : -4
95 : #4d0381 : -2
97 : #4d0283 : ±0
99 : #4d0184 : +2
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #06000a : -24
4 : #0c0014 : -22
6 : #12001e : -20
8 : #180128 : -18
10 : #1e0132 : -16
12 : #24013c : -14
14 : #290146 : -12
16 : #2f0150 : -10
18 : #35015a : -8
20 : #3b0264 : -6
22 : #41026f : -4
24 : #470279 : -2
26 : #4d0283 : ±0
28 : #53028d : +2
30 : #590297 : +4
32 : #5f02a1 : +6
34 : #6503ab : +8
36 : #6b03b5 : +10
38 : #7103bf : +12
40 : #7603c9 : +14
42 : #7c03d3 : +16
44 : #8203dd : +18
46 : #8804e7 : +20
48 : #8e04f1 : +22
50 : #9404fb : +24
52 : #980efb : +26
54 : #9d18fb : +28
56 : #a122fc : +30
58 : #a52cfc : +32
60 : #a936fc : +34
62 : #ae40fc : +36
64 : #b24afc : +38
66 : #b654fc : +40
68 : #bb5efd : +42
70 : #bf68fd : +44
72 : #c372fd : +46
74 : #c77cfd : +48
76 : #cc86fd : +50
78 : #d090fd : +52
80 : #d49bfd : +54
82 : #d9a5fe : +56
84 : #ddaffe : +58
86 : #e1b9fe : +60
88 : #e5c3fe : +62
90 : #eacdfe : +64
92 : #eed7fe : +66
94 : #f2e1ff : +68
96 : #f6ebff : +70
98 : #fbf5ff : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow