#752457
RGB ( 赤 = 117, 緑 = 36, 青 = 87 )
HSL ( 色相 = 322°, 彩度 = 53%, 明度 = 30% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #752724 : -320
12 : #753424 : -310
22 : #754224 : -300
32 : #754f24 : -290
42 : #755d24 : -280
52 : #756a24 : -270
62 : #727524 : -260
72 : #657524 : -250
82 : #577524 : -240
92 : #4a7524 : -230
102 : #3c7524 : -220
112 : #2f7524 : -210
122 : #247527 : -200
132 : #247534 : -190
142 : #247542 : -180
152 : #24754f : -170
162 : #24755d : -160
172 : #24756a : -150
182 : #247275 : -140
192 : #246575 : -130
202 : #245775 : -120
212 : #244a75 : -110
222 : #243c75 : -100
232 : #242f75 : -90
242 : #272475 : -80
252 : #342475 : -70
262 : #422475 : -60
272 : #4f2475 : -50
282 : #5d2475 : -40
292 : #6a2475 : -30
302 : #752472 : -20
312 : #752465 : -10
322 : #752457 : ±0
332 : #75244a : +10
342 : #75243c : +20
352 : #75242f : +30
312 : #752465 : -10
313 : #752463 : -9
314 : #752462 : -8
315 : #752461 : -7
316 : #75245f : -6
317 : #75245e : -5
318 : #75245d : -4
319 : #75245b : -3
320 : #75245a : -2
321 : #752459 : -1
322 : #752457 : ±0
323 : #752456 : +1
324 : #752455 : +2
325 : #752453 : +3
326 : #752452 : +4
327 : #752451 : +5
328 : #75244f : +6
329 : #75244e : +7
330 : #75244d : +8
331 : #75244b : +9
332 : #75244a : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4d4c4d : -52
3 : #4f4a4d : -50
5 : #50494e : -48
7 : #52474e : -46
9 : #53464e : -44
11 : #55444f : -42
13 : #56434f : -40
15 : #584150 : -38
17 : #5a3f50 : -36
19 : #5b3e50 : -34
21 : #5d3c51 : -32
23 : #5e3b51 : -30
25 : #603952 : -28
27 : #613852 : -26
29 : #633652 : -24
31 : #643553 : -22
33 : #663353 : -20
35 : #673254 : -18
37 : #693054 : -16
39 : #6a2f54 : -14
41 : #6c2d55 : -12
43 : #6d2c55 : -10
45 : #6f2a56 : -8
47 : #702956 : -6
49 : #722756 : -4
51 : #742557 : -2
53 : #752457 : ±0
55 : #772258 : +2
57 : #782158 : +4
59 : #7a1f59 : +6
61 : #7b1e59 : +8
63 : #7d1c59 : +10
65 : #7e1b5a : +12
67 : #80195a : +14
69 : #81185b : +16
71 : #83165b : +18
73 : #84155b : +20
75 : #86135c : +22
77 : #87125c : +24
79 : #89105d : +26
81 : #8a0f5d : +28
83 : #8c0d5d : +30
85 : #8e0b5e : +32
87 : #8f0a5e : +34
89 : #91085f : +36
91 : #92075f : +38
93 : #94055f : +40
95 : #950460 : +42
97 : #970260 : +44
99 : #980161 : +46
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #080206 : -28
4 : #10050c : -26
6 : #170711 : -24
8 : #1f0a17 : -22
10 : #270c1d : -20
12 : #2f0e23 : -18
14 : #371129 : -16
16 : #3e132f : -14
18 : #461634 : -12
20 : #4e183a : -10
22 : #561a40 : -8
24 : #5e1d46 : -6
26 : #651f4c : -4
28 : #6d2251 : -2
30 : #752457 : ±0
32 : #7d265d : +2
34 : #852963 : +4
36 : #8c2b69 : +6
38 : #942e6f : +8
40 : #9c3074 : +10
42 : #a4327a : +12
44 : #ac3580 : +14
46 : #b33786 : +16
48 : #bb3a8c : +18
50 : #c33c92 : +20
52 : #c54496 : +22
54 : #c84c9a : +24
56 : #ca539f : +26
58 : #cd5ba3 : +28
60 : #cf63a7 : +30
62 : #d16bac : +32
64 : #d473b0 : +34
66 : #d67ab5 : +36
68 : #d982b9 : +38
70 : #db8abd : +40
72 : #dd92c2 : +42
74 : #e09ac6 : +44
76 : #e2a1ca : +46
78 : #e5a9cf : +48
80 : #e7b1d3 : +50
82 : #e9b9d8 : +52
84 : #ecc1dc : +54
86 : #eec8e0 : +56
88 : #f1d0e5 : +58
90 : #f3d8e9 : +60
92 : #f5e0ed : +62
94 : #f8e8f2 : +64
96 : #faeff6 : +66
98 : #fdf7fb : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow