#654e1f
RGB ( 赤 = 101, 緑 = 78, 青 = 31 )
HSL ( 色相 = 40°, 彩度 = 53%, 明度 = 26% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #651f1f : -40
10 : #652b1f : -30
20 : #65371f : -20
30 : #65421f : -10
40 : #654e1f : ±0
50 : #655a1f : +10
60 : #65651f : +20
70 : #5a651f : +30
80 : #4e651f : +40
90 : #42651f : +50
100 : #37651f : +60
110 : #2b651f : +70
120 : #1f651f : +80
130 : #1f652b : +90
140 : #1f6537 : +100
150 : #1f6542 : +110
160 : #1f654e : +120
170 : #1f655a : +130
180 : #1f6565 : +140
190 : #1f5a65 : +150
200 : #1f4e65 : +160
210 : #1f4265 : +170
220 : #1f3765 : +180
230 : #1f2b65 : +190
240 : #1f1f65 : +200
250 : #2b1f65 : +210
260 : #371f65 : +220
270 : #421f65 : +230
280 : #4e1f65 : +240
290 : #5a1f65 : +250
300 : #651f65 : +260
310 : #651f5a : +270
320 : #651f4e : +280
330 : #651f42 : +290
340 : #651f37 : +300
350 : #651f2b : +310
30 : #65421f : -10
31 : #65431f : -9
32 : #65451f : -8
33 : #65461f : -7
34 : #65471f : -6
35 : #65481f : -5
36 : #65491f : -4
37 : #654a1f : -3
38 : #654c1f : -2
39 : #654d1f : -1
40 : #654e1f : ±0
41 : #654f1f : +1
42 : #65501f : +2
43 : #65521f : +3
44 : #65531f : +4
45 : #65541f : +5
46 : #65551f : +6
47 : #65561f : +7
48 : #65571f : +8
49 : #65591f : +9
50 : #655a1f : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434342 : -52
3 : #444340 : -50
5 : #46433f : -48
7 : #47443e : -46
9 : #48443c : -44
11 : #4a453b : -42
13 : #4b453a : -40
15 : #4c4638 : -38
17 : #4e4637 : -36
19 : #4f4636 : -34
21 : #504734 : -32
23 : #524733 : -30
25 : #534832 : -28
27 : #544830 : -26
29 : #56492f : -24
31 : #57492e : -22
33 : #584a2c : -20
35 : #5a4a2b : -18
37 : #5b4a2a : -16
39 : #5c4b28 : -14
41 : #5d4b27 : -12
43 : #5f4c26 : -10
45 : #604c24 : -8
47 : #614d23 : -6
49 : #634d22 : -4
51 : #644e20 : -2
53 : #654e1f : ±0
55 : #674e1e : +2
57 : #684f1d : +4
59 : #694f1b : +6
61 : #6b501a : +8
63 : #6c5019 : +10
65 : #6d5117 : +12
67 : #6f5116 : +14
69 : #705215 : +16
71 : #715213 : +18
73 : #735212 : +20
75 : #745311 : +22
77 : #75530f : +24
79 : #77540e : +26
81 : #78540d : +28
83 : #79550b : +30
85 : #7b550a : +32
87 : #7c5609 : +34
89 : #7d5607 : +36
91 : #7f5606 : +38
93 : #805705 : +40
95 : #815703 : +42
97 : #835802 : +44
99 : #845801 : +46
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080602 : -24
4 : #100c05 : -22
6 : #171207 : -20
8 : #1f180a : -18
10 : #271e0c : -16
12 : #2f240e : -14
14 : #372a11 : -12
16 : #3e3013 : -10
18 : #463616 : -8
20 : #4e3c18 : -6
22 : #56421a : -4
24 : #5e481d : -2
26 : #654e1f : ±0
28 : #6d5422 : +2
30 : #755a24 : +4
32 : #7d6026 : +6
34 : #856629 : +8
36 : #8c6c2b : +10
38 : #94722e : +12
40 : #9c7830 : +14
42 : #a47e32 : +16
44 : #ac8435 : +18
46 : #b38a37 : +20
48 : #bb903a : +22
50 : #c3963c : +24
52 : #c59a44 : +26
54 : #c89e4c : +28
56 : #caa353 : +30
58 : #cda75b : +32
60 : #cfab63 : +34
62 : #d1af6b : +36
64 : #d4b373 : +38
66 : #d6b87a : +40
68 : #d9bc82 : +42
70 : #dbc08a : +44
72 : #ddc492 : +46
74 : #e0c89a : +48
76 : #e2cda1 : +50
78 : #e5d1a9 : +52
80 : #e7d5b1 : +54
82 : #e9d9b9 : +56
84 : #ecddc1 : +58
86 : #eee2c8 : +60
88 : #f1e6d0 : +62
90 : #f3ead8 : +64
92 : #f5eee0 : +66
94 : #f8f2e8 : +68
96 : #faf7ef : +70
98 : #fdfbf7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow