#782158
RGB ( 赤 = 120, 緑 = 33, 青 = 88 )
HSL ( 色相 = 322°, 彩度 = 57%, 明度 = 30% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #782421 : -320
12 : #783221 : -310
22 : #784121 : -300
32 : #784f21 : -290
42 : #785e21 : -280
52 : #786c21 : -270
62 : #757821 : -260
72 : #677821 : -250
82 : #587821 : -240
92 : #4a7821 : -230
102 : #3b7821 : -220
112 : #2d7821 : -210
122 : #217824 : -200
132 : #217832 : -190
142 : #217841 : -180
152 : #21784f : -170
162 : #21785e : -160
172 : #21786c : -150
182 : #217578 : -140
192 : #216778 : -130
202 : #215878 : -120
212 : #214a78 : -110
222 : #213b78 : -100
232 : #212d78 : -90
242 : #242178 : -80
252 : #322178 : -70
262 : #412178 : -60
272 : #4f2178 : -50
282 : #5e2178 : -40
292 : #6c2178 : -30
302 : #782175 : -20
312 : #782167 : -10
322 : #782158 : ±0
332 : #78214a : +10
342 : #78213b : +20
352 : #78212d : +30
312 : #782167 : -10
313 : #782165 : -9
314 : #782164 : -8
315 : #782162 : -7
316 : #782161 : -6
317 : #78215f : -5
318 : #78215e : -4
319 : #78215c : -3
320 : #78215b : -2
321 : #78215a : -1
322 : #782158 : ±0
323 : #782157 : +1
324 : #782155 : +2
325 : #782154 : +3
326 : #782152 : +4
327 : #782151 : +5
328 : #78214f : +6
329 : #78214e : +7
330 : #78214d : +8
331 : #78214b : +9
332 : #78214a : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4d4c4d : -56
3 : #4f4a4d : -54
5 : #50494e : -52
7 : #52474e : -50
9 : #53464e : -48
11 : #55444f : -46
13 : #56434f : -44
15 : #584150 : -42
17 : #5a3f50 : -40
19 : #5b3e50 : -38
21 : #5d3c51 : -36
23 : #5e3b51 : -34
25 : #603952 : -32
27 : #613852 : -30
29 : #633652 : -28
31 : #643553 : -26
33 : #663353 : -24
35 : #673254 : -22
37 : #693054 : -20
39 : #6a2f54 : -18
41 : #6c2d55 : -16
43 : #6d2c55 : -14
45 : #6f2a56 : -12
47 : #702956 : -10
49 : #722756 : -8
51 : #742557 : -6
53 : #752457 : -4
55 : #772258 : -2
57 : #782158 : ±0
59 : #7a1f59 : +2
61 : #7b1e59 : +4
63 : #7d1c59 : +6
65 : #7e1b5a : +8
67 : #80195a : +10
69 : #81185b : +12
71 : #83165b : +14
73 : #84155b : +16
75 : #86135c : +18
77 : #87125c : +20
79 : #89105d : +22
81 : #8a0f5d : +24
83 : #8c0d5d : +26
85 : #8e0b5e : +28
87 : #8f0a5e : +30
89 : #91085f : +32
91 : #92075f : +34
93 : #94055f : +36
95 : #950460 : +38
97 : #970260 : +40
99 : #980161 : +42
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #080206 : -28
4 : #10040c : -26
6 : #180712 : -24
8 : #200918 : -22
10 : #280b1d : -20
12 : #300d23 : -18
14 : #380f29 : -16
16 : #40122f : -14
18 : #481435 : -12
20 : #50163b : -10
22 : #581841 : -8
24 : #601a47 : -6
26 : #681d4c : -4
28 : #701f52 : -2
30 : #782158 : ±0
32 : #80235e : +2
34 : #882564 : +4
36 : #90276a : +6
38 : #982a70 : +8
40 : #a02c76 : +10
42 : #a82e7b : +12
44 : #b03081 : +14
46 : #b83287 : +16
48 : #c0358d : +18
50 : #c83793 : +20
52 : #ca3f97 : +22
54 : #cd479c : +24
56 : #cf4fa0 : +26
58 : #d157a4 : +28
60 : #d35fa9 : +30
62 : #d567ad : +32
64 : #d86fb1 : +34
66 : #da77b5 : +36
68 : #dc7fba : +38
70 : #de87be : +40
72 : #e08fc2 : +42
74 : #e297c7 : +44
76 : #e59fcb : +46
78 : #e7a7cf : +48
80 : #e9afd4 : +50
82 : #ebb7d8 : +52
84 : #edbfdc : +54
86 : #f0c7e1 : +56
88 : #f2cfe5 : +58
90 : #f4d7e9 : +60
92 : #f6dfee : +62
94 : #f8e7f2 : +64
96 : #fbeff6 : +66
98 : #fdf7fb : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow