#82307a
RGB ( 赤 = 130, 緑 = 48, 青 = 122 )
HSL ( 色相 = 306°, 彩度 = 46%, 明度 = 35% )
H : 色相 ( 306° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #823830 : -300
16 : #824630 : -290
26 : #825430 : -280
36 : #826130 : -270
46 : #826f30 : -260
56 : #827d30 : -250
66 : #7a8230 : -240
76 : #6c8230 : -230
86 : #5f8230 : -220
96 : #518230 : -210
106 : #438230 : -200
116 : #368230 : -190
126 : #308238 : -180
136 : #308246 : -170
146 : #308254 : -160
156 : #308261 : -150
166 : #30826f : -140
176 : #30827d : -130
186 : #307a82 : -120
196 : #306c82 : -110
206 : #305f82 : -100
216 : #305182 : -90
226 : #304382 : -80
236 : #303682 : -70
246 : #383082 : -60
256 : #463082 : -50
266 : #543082 : -40
276 : #613082 : -30
286 : #6f3082 : -20
296 : #7d3082 : -10
306 : #82307a : ±0
316 : #82306c : +10
326 : #82305f : +20
336 : #823051 : +30
346 : #823043 : +40
356 : #823036 : +50
296 : #7d3082 : -10
297 : #7e3082 : -9
298 : #803082 : -8
299 : #813082 : -7
300 : #823082 : -6
301 : #823081 : -5
302 : #823080 : -4
303 : #82307e : -3
304 : #82307d : -2
305 : #82307b : -1
306 : #82307a : ±0
307 : #823079 : +1
308 : #823077 : +2
309 : #823076 : +3
310 : #823075 : +4
311 : #823073 : +5
312 : #823072 : +6
313 : #823071 : +7
314 : #82306f : +8
315 : #82306e : +9
316 : #82306c : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -46
2 : #5b575b : -44
4 : #5d565c : -42
6 : #5f545e : -40
8 : #60525f : -38
10 : #625060 : -36
12 : #644f62 : -34
14 : #664d63 : -32
16 : #684b65 : -30
18 : #694966 : -28
20 : #6b4768 : -26
22 : #6d4669 : -24
24 : #6f446a : -22
26 : #70426c : -20
28 : #72406d : -18
30 : #743e6f : -16
32 : #763d70 : -14
34 : #783b72 : -12
36 : #793973 : -10
38 : #7b3774 : -8
40 : #7d3676 : -6
42 : #7f3477 : -4
44 : #813279 : -2
46 : #82307a : ±0
48 : #842e7c : +2
50 : #862d7d : +4
52 : #882b7e : +6
54 : #892980 : +8
56 : #8b2781 : +10
58 : #8d2583 : +12
60 : #8f2484 : +14
62 : #912286 : +16
64 : #922087 : +18
66 : #941e88 : +20
68 : #961d8a : +22
70 : #981b8b : +24
72 : #9a198d : +26
74 : #9b178e : +28
76 : #9d1590 : +30
78 : #9f1491 : +32
80 : #a11292 : +34
82 : #a21094 : +36
84 : #a40e95 : +38
86 : #a60c97 : +40
88 : #a80b98 : +42
90 : #aa099a : +44
92 : #ab079b : +46
94 : #ad059c : +48
96 : #af049e : +50
98 : #b1029f : +52
100 : #b300a1 : +54
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -34
3 : #0b040a : -32
5 : #130711 : -30
7 : #1a0a18 : -28
9 : #220c1f : -26
11 : #290f26 : -24
13 : #30122d : -22
15 : #381534 : -20
17 : #3f173b : -18
19 : #471a42 : -16
21 : #4e1d49 : -14
23 : #562050 : -12
25 : #5d2257 : -10
27 : #65255e : -8
29 : #6c2865 : -6
31 : #732b6c : -4
33 : #7b2d73 : -2
35 : #82307a : ±0
37 : #8a3381 : +2
39 : #913688 : +4
41 : #99388f : +6
43 : #a03b96 : +8
45 : #a83e9d : +10
47 : #af41a4 : +12
49 : #b643ab : +14
51 : #bc49b0 : +16
53 : #be50b3 : +18
55 : #c157b6 : +20
57 : #c45fba : +22
59 : #c766bd : +24
61 : #c96ec0 : +26
63 : #cc75c3 : +28
65 : #cf7dc7 : +30
67 : #d284ca : +32
69 : #d48ccd : +34
71 : #d793d0 : +36
73 : #da9ad3 : +38
75 : #dda2d7 : +40
77 : #dfa9da : +42
79 : #e2b1dd : +44
81 : #e5b8e0 : +46
83 : #e8c0e4 : +48
85 : #eac7e7 : +50
87 : #edcfea : +52
89 : #f0d6ed : +54
91 : #f3ddf0 : +56
93 : #f5e5f4 : +58
95 : #f8ecf7 : +60
97 : #fbf4fa : +62
99 : #fefbfd : +64
CSS入門、作ってます。
text-shadow