#948557
RGB ( 赤 = 148, 緑 = 133, 青 = 87 )
HSL ( 色相 = 45°, 彩度 = 26%, 明度 = 46% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #945c57 : -40
15 : #946657 : -30
25 : #947057 : -20
35 : #947a57 : -10
45 : #948557 : ±0
55 : #948f57 : +10
65 : #8f9457 : +20
75 : #859457 : +30
85 : #7a9457 : +40
95 : #709457 : +50
105 : #669457 : +60
115 : #5c9457 : +70
125 : #57945c : +80
135 : #579466 : +90
145 : #579470 : +100
155 : #57947a : +110
165 : #579485 : +120
175 : #57948f : +130
185 : #578f94 : +140
195 : #578594 : +150
205 : #577a94 : +160
215 : #577094 : +170
225 : #576694 : +180
235 : #575c94 : +190
245 : #5c5794 : +200
255 : #665794 : +210
265 : #705794 : +220
275 : #7a5794 : +230
285 : #855794 : +240
295 : #8f5794 : +250
305 : #94578f : +260
315 : #945785 : +270
325 : #94577a : +280
335 : #945770 : +290
345 : #945766 : +300
355 : #94575c : +310
35 : #947a57 : -10
36 : #947b57 : -9
37 : #947c57 : -8
38 : #947d57 : -7
39 : #947e57 : -6
40 : #947f57 : -5
41 : #948057 : -4
42 : #948157 : -3
43 : #948357 : -2
44 : #948457 : -1
45 : #948557 : ±0
46 : #948657 : +1
47 : #948757 : +2
48 : #948857 : +3
49 : #948957 : +4
50 : #948a57 : +5
51 : #948b57 : +6
52 : #948c57 : +7
53 : #948d57 : +8
54 : #948e57 : +9
55 : #948f57 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -26
2 : #787673 : -24
4 : #7a7871 : -22
6 : #7c796e : -20
8 : #7f7a6c : -18
10 : #817b6a : -16
12 : #837c67 : -14
14 : #867e65 : -12
16 : #887f63 : -10
18 : #8a8060 : -8
20 : #8d815e : -6
22 : #8f825b : -4
24 : #918359 : -2
26 : #948557 : ±0
28 : #968654 : +2
30 : #988752 : +4
32 : #9b8850 : +6
34 : #9d894d : +8
36 : #a08a4b : +10
38 : #a28c49 : +12
40 : #a48d46 : +14
42 : #a78e44 : +16
44 : #a98f42 : +18
46 : #ab903f : +20
48 : #ae913d : +22
50 : #b0933b : +24
52 : #b29438 : +26
54 : #b59536 : +28
56 : #b79634 : +30
58 : #b99731 : +32
60 : #bc982f : +34
62 : #be9a2d : +36
64 : #c09b2a : +38
66 : #c39c28 : +40
68 : #c59d26 : +42
70 : #c79e23 : +44
72 : #caa021 : +46
74 : #cca11e : +48
76 : #cea21c : +50
78 : #d1a31a : +52
80 : #d3a417 : +54
82 : #d5a515 : +56
84 : #d8a713 : +58
86 : #daa810 : +60
88 : #dda90e : +62
90 : #dfaa0c : +64
92 : #e1ab09 : +66
94 : #e4ac07 : +68
96 : #e6ae05 : +70
98 : #e8af02 : +72
100 : #ebb000 : +74
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #060604 : -44
4 : #0d0c08 : -42
6 : #13110b : -40
8 : #1a170f : -38
10 : #201d13 : -36
12 : #272317 : -34
14 : #2d281a : -32
16 : #332e1e : -30
18 : #3a3422 : -28
20 : #403a26 : -26
22 : #473f2a : -24
24 : #4d452d : -22
26 : #544b31 : -20
28 : #5a5135 : -18
30 : #605639 : -16
32 : #675c3c : -14
34 : #6d6240 : -12
36 : #746844 : -10
38 : #7a6d48 : -8
40 : #81734b : -6
42 : #87794f : -4
44 : #8d7f53 : -2
46 : #948557 : ±0
48 : #9a8a5b : +2
50 : #a1905e : +4
52 : #a49565 : +6
54 : #a8996b : +8
56 : #ac9d72 : +10
58 : #b0a278 : +12
60 : #b4a67e : +14
62 : #b7ab85 : +16
64 : #bbaf8b : +18
66 : #bfb492 : +20
68 : #c3b898 : +22
70 : #c6bc9f : +24
72 : #cac1a5 : +26
74 : #cec5ab : +28
76 : #d2cab2 : +30
78 : #d5ceb8 : +32
80 : #d9d3bf : +34
82 : #ddd7c5 : +36
84 : #e1dccc : +38
86 : #e5e0d2 : +40
88 : #e8e4d8 : +42
90 : #ece9df : +44
92 : #f0ede5 : +46
94 : #f4f2ec : +48
96 : #f7f6f2 : +50
98 : #fbfbf9 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow