#654d1b
RGB ( 赤 = 101, 緑 = 77, 青 = 27 )
HSL ( 色相 = 41°, 彩度 = 58%, 明度 = 25% )
H : 色相 ( 41° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #651c1b : -40
11 : #65281b : -30
21 : #65351b : -20
31 : #65411b : -10
41 : #654d1b : ±0
51 : #655a1b : +10
61 : #63651b : +20
71 : #57651b : +30
81 : #4b651b : +40
91 : #3f651b : +50
101 : #32651b : +60
111 : #26651b : +70
121 : #1b651c : +80
131 : #1b6528 : +90
141 : #1b6535 : +100
151 : #1b6541 : +110
161 : #1b654d : +120
171 : #1b655a : +130
181 : #1b6365 : +140
191 : #1b5765 : +150
201 : #1b4b65 : +160
211 : #1b3f65 : +170
221 : #1b3265 : +180
231 : #1b2665 : +190
241 : #1c1b65 : +200
251 : #281b65 : +210
261 : #351b65 : +220
271 : #411b65 : +230
281 : #4d1b65 : +240
291 : #5a1b65 : +250
301 : #651b63 : +260
311 : #651b57 : +270
321 : #651b4b : +280
331 : #651b3f : +290
341 : #651b32 : +300
351 : #651b26 : +310
31 : #65411b : -10
32 : #65421b : -9
33 : #65431b : -8
34 : #65451b : -7
35 : #65461b : -6
36 : #65471b : -5
37 : #65481b : -4
38 : #654a1b : -3
39 : #654b1b : -2
40 : #654c1b : -1
41 : #654d1b : ±0
42 : #654f1b : +1
43 : #65501b : +2
44 : #65511b : +3
45 : #65521b : +4
46 : #65531b : +5
47 : #65551b : +6
48 : #65561b : +7
49 : #65571b : +8
50 : #65581b : +9
51 : #655a1b : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -58
2 : #41403e : -56
4 : #42413d : -54
6 : #44413c : -52
8 : #45423b : -50
10 : #464239 : -48
12 : #474338 : -46
14 : #494337 : -44
16 : #4a4336 : -42
18 : #4b4434 : -40
20 : #4d4433 : -38
22 : #4e4532 : -36
24 : #4f4530 : -34
26 : #50462f : -32
28 : #52462e : -30
30 : #53472d : -28
32 : #54472b : -26
34 : #55482a : -24
36 : #574829 : -22
38 : #584928 : -20
40 : #594926 : -18
42 : #5b4a25 : -16
44 : #5c4a24 : -14
46 : #5d4b22 : -12
48 : #5e4b21 : -10
50 : #604b20 : -8
52 : #614c1f : -6
54 : #624c1d : -4
56 : #634d1c : -2
58 : #654d1b : ±0
60 : #664e1a : +2
62 : #674e18 : +4
64 : #694f17 : +6
66 : #6a4f16 : +8
68 : #6b5014 : +10
70 : #6c5013 : +12
72 : #6e5112 : +14
74 : #6f5111 : +16
76 : #70520f : +18
78 : #71520e : +20
80 : #73520d : +22
82 : #74530b : +24
84 : #75530a : +26
86 : #775409 : +28
88 : #785408 : +30
90 : #795506 : +32
92 : #7a5505 : +34
94 : #7c5604 : +36
96 : #7d5603 : +38
98 : #7e5701 : +40
100 : #805700 : +42
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -24
3 : #0c0903 : -22
5 : #140f05 : -20
7 : #1c1607 : -18
9 : #241c0a : -16
11 : #2c220c : -14
13 : #34280e : -12
15 : #3c2e10 : -10
17 : #443512 : -8
19 : #4d3b14 : -6
21 : #554116 : -4
23 : #5d4719 : -2
25 : #654d1b : ±0
27 : #6d531d : +2
29 : #755a1f : +4
31 : #7d6021 : +6
33 : #856623 : +8
35 : #8d6c25 : +10
37 : #957228 : +12
39 : #9d792a : +14
41 : #a57f2c : +16
43 : #ad852e : +18
45 : #b58b30 : +20
47 : #bd9132 : +22
49 : #c59834 : +24
51 : #cb9d3a : +26
53 : #cda142 : +28
55 : #cfa54a : +30
57 : #d1a952 : +32
59 : #d3ad5a : +34
61 : #d5b162 : +36
63 : #d7b56a : +38
65 : #dab972 : +40
67 : #dcbd7a : +42
69 : #dec182 : +44
71 : #e0c58a : +46
73 : #e2c992 : +48
75 : #e4cd9a : +50
77 : #e6d1a2 : +52
79 : #e9d5aa : +54
81 : #ebd9b2 : +56
83 : #edddbb : +58
85 : #efe1c3 : +60
87 : #f1e5cb : +62
89 : #f3e9d3 : +64
91 : #f5eddb : +66
93 : #f8f1e3 : +68
95 : #faf5eb : +70
97 : #fcf9f3 : +72
99 : #fefdfb : +74
CSS入門、作ってます。
text-shadow