#7a4d2e
RGB ( 赤 = 122, 緑 = 77, 青 = 46 )
HSL ( 色相 = 24°, 彩度 = 45%, 明度 = 33% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #7a332e : -20
14 : #7a402e : -10
24 : #7a4d2e : ±0
34 : #7a592e : +10
44 : #7a662e : +20
54 : #7a722e : +30
64 : #757a2e : +40
74 : #687a2e : +50
84 : #5c7a2e : +60
94 : #4f7a2e : +70
104 : #427a2e : +80
114 : #367a2e : +90
124 : #2e7a33 : +100
134 : #2e7a40 : +110
144 : #2e7a4d : +120
154 : #2e7a59 : +130
164 : #2e7a66 : +140
174 : #2e7a72 : +150
184 : #2e757a : +160
194 : #2e687a : +170
204 : #2e5c7a : +180
214 : #2e4f7a : +190
224 : #2e427a : +200
234 : #2e367a : +210
244 : #332e7a : +220
254 : #402e7a : +230
264 : #4d2e7a : +240
274 : #592e7a : +250
284 : #662e7a : +260
294 : #722e7a : +270
304 : #7a2e75 : +280
314 : #7a2e68 : +290
324 : #7a2e5c : +300
334 : #7a2e4f : +310
344 : #7a2e42 : +320
354 : #7a2e36 : +330
14 : #7a402e : -10
15 : #7a412e : -9
16 : #7a422e : -8
17 : #7a442e : -7
18 : #7a452e : -6
19 : #7a462e : -5
20 : #7a482e : -4
21 : #7a492e : -3
22 : #7a4a2e : -2
23 : #7a4b2e : -1
24 : #7a4d2e : ±0
25 : #7a4e2e : +1
26 : #7a4f2e : +2
27 : #7a502e : +3
28 : #7a522e : +4
29 : #7a532e : +5
30 : #7a542e : +6
31 : #7a552e : +7
32 : #7a572e : +8
33 : #7a582e : +9
34 : #7a592e : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555453 : -44
3 : #575452 : -42
5 : #585350 : -40
7 : #5a534e : -38
9 : #5c534d : -36
11 : #5d524b : -34
13 : #5f5249 : -32
15 : #615248 : -30
17 : #625146 : -28
19 : #645144 : -26
21 : #665142 : -24
23 : #685041 : -22
25 : #69503f : -20
27 : #6b503d : -18
29 : #6d4f3c : -16
31 : #6e4f3a : -14
33 : #704f38 : -12
35 : #724e37 : -10
37 : #734e35 : -8
39 : #754e33 : -6
41 : #774d32 : -4
43 : #784d30 : -2
45 : #7a4d2e : ±0
47 : #7c4c2d : +2
49 : #7d4c2b : +4
51 : #7f4c29 : +6
53 : #814b28 : +8
55 : #824b26 : +10
57 : #844b24 : +12
59 : #864a23 : +14
61 : #874a21 : +16
63 : #894a1f : +18
65 : #8b491d : +20
67 : #8d491c : +22
69 : #8e491a : +24
71 : #904818 : +26
73 : #924817 : +28
75 : #934815 : +30
77 : #954713 : +32
79 : #974712 : +34
81 : #984710 : +36
83 : #9a460e : +38
85 : #9c460d : +40
87 : #9d460b : +42
89 : #9f4509 : +44
91 : #a14508 : +46
93 : #a24406 : +48
95 : #a44404 : +50
97 : #a64403 : +52
99 : #a74301 : +54
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -32
3 : #0b0704 : -30
5 : #120c07 : -28
7 : #1a100a : -26
9 : #21150d : -24
11 : #291a0f : -22
13 : #301e12 : -20
15 : #372315 : -18
17 : #3f2718 : -16
19 : #462c1b : -14
21 : #4e311d : -12
23 : #553520 : -10
25 : #5c3a23 : -8
27 : #643f26 : -6
29 : #6b4329 : -4
31 : #73482b : -2
33 : #7a4d2e : ±0
35 : #815131 : +2
37 : #895634 : +4
39 : #905a37 : +6
41 : #985f3a : +8
43 : #9f643c : +10
45 : #a6683f : +12
47 : #ae6d42 : +14
49 : #b57245 : +16
51 : #ba774a : +18
53 : #bd7c51 : +20
55 : #c08259 : +22
57 : #c38760 : +24
59 : #c58d67 : +26
61 : #c8936f : +28
63 : #cb9876 : +30
65 : #ce9e7e : +32
67 : #d1a385 : +34
69 : #d4a98c : +36
71 : #d6ae94 : +38
73 : #d9b49b : +40
75 : #dcbaa3 : +42
77 : #dfbfaa : +44
79 : #e2c5b1 : +46
81 : #e4cab9 : +48
83 : #e7d0c0 : +50
85 : #ead5c8 : +52
87 : #eddbcf : +54
89 : #f0e0d6 : +56
91 : #f2e6de : +58
93 : #f5ece5 : +60
95 : #f8f1ed : +62
97 : #fbf7f4 : +64
99 : #fefcfb : +66
CSS入門、作ってます。
text-shadow