#7b6318
RGB ( 赤 = 123, 緑 = 99, 青 = 24 )
HSL ( 色相 = 45°, 彩度 = 67%, 明度 = 29% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #7b2118 : -40
15 : #7b3118 : -30
25 : #7b4218 : -20
35 : #7b5218 : -10
45 : #7b6318 : ±0
55 : #7b7318 : +10
65 : #737b18 : +20
75 : #637b18 : +30
85 : #527b18 : +40
95 : #427b18 : +50
105 : #317b18 : +60
115 : #217b18 : +70
125 : #187b21 : +80
135 : #187b31 : +90
145 : #187b42 : +100
155 : #187b52 : +110
165 : #187b63 : +120
175 : #187b73 : +130
185 : #18737b : +140
195 : #18637b : +150
205 : #18527b : +160
215 : #18427b : +170
225 : #18317b : +180
235 : #18217b : +190
245 : #21187b : +200
255 : #31187b : +210
265 : #42187b : +220
275 : #52187b : +230
285 : #63187b : +240
295 : #73187b : +250
305 : #7b1873 : +260
315 : #7b1863 : +270
325 : #7b1852 : +280
335 : #7b1842 : +290
345 : #7b1831 : +300
355 : #7b1821 : +310
35 : #7b5218 : -10
36 : #7b5418 : -9
37 : #7b5618 : -8
38 : #7b5718 : -7
39 : #7b5918 : -6
40 : #7b5a18 : -5
41 : #7b5c18 : -4
42 : #7b5e18 : -3
43 : #7b5f18 : -2
44 : #7b6118 : -1
45 : #7b6318 : ±0
46 : #7b6418 : +1
47 : #7b6618 : +2
48 : #7b6818 : +3
49 : #7b6918 : +4
50 : #7b6b18 : +5
51 : #7b6d18 : +6
52 : #7b6e18 : +7
53 : #7b7018 : +8
54 : #7b7218 : +9
55 : #7b7318 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4b4a49 : -66
3 : #4c4b48 : -64
5 : #4e4c46 : -62
7 : #4f4d45 : -60
9 : #514d43 : -58
11 : #524e42 : -56
13 : #544f40 : -54
15 : #554f3f : -52
17 : #57503d : -50
19 : #58513c : -48
21 : #59523a : -46
23 : #5b5239 : -44
25 : #5c5337 : -42
27 : #5e5436 : -40
29 : #5f5535 : -38
31 : #615533 : -36
33 : #625632 : -34
35 : #645730 : -32
37 : #65582f : -30
39 : #67582d : -28
41 : #68592c : -26
43 : #6a5a2a : -24
45 : #6b5b29 : -22
47 : #6d5b27 : -20
49 : #6e5c26 : -18
51 : #705d24 : -16
53 : #715e23 : -14
55 : #735e21 : -12
57 : #745f20 : -10
59 : #76601e : -8
61 : #77611d : -6
63 : #79611b : -4
65 : #7a621a : -2
67 : #7b6318 : ±0
69 : #7d6317 : +2
71 : #7e6415 : +4
73 : #806514 : +6
75 : #816612 : +8
77 : #836611 : +10
79 : #846710 : +12
81 : #86680e : +14
83 : #87690d : +16
85 : #89690b : +18
87 : #8a6a0a : +20
89 : #8c6b08 : +22
91 : #8d6c07 : +24
93 : #8f6c05 : +26
95 : #906d04 : +28
97 : #926e02 : +30
99 : #936f01 : +32
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -28
3 : #0d0a03 : -26
5 : #151104 : -24
7 : #1e1806 : -22
9 : #261f08 : -20
11 : #2f2509 : -18
13 : #372c0b : -16
15 : #40330d : -14
17 : #483a0e : -12
19 : #514110 : -10
21 : #594712 : -8
23 : #624e13 : -6
25 : #6a5515 : -4
27 : #735c17 : -2
29 : #7b6318 : ±0
31 : #846a1a : +2
33 : #8d701c : +4
35 : #95771d : +6
37 : #9e7e1f : +8
39 : #a68521 : +10
41 : #af8c23 : +12
43 : #b79224 : +14
45 : #c09926 : +16
47 : #c8a028 : +18
49 : #d1a729 : +20
51 : #d6ac2e : +22
53 : #d7af37 : +24
55 : #d9b33f : +26
57 : #dbb648 : +28
59 : #dcb950 : +30
61 : #debd59 : +32
63 : #e0c061 : +34
65 : #e2c46a : +36
67 : #e3c772 : +38
69 : #e5ca7b : +40
71 : #e7ce84 : +42
73 : #e8d18c : +44
75 : #ead595 : +46
77 : #ecd89d : +48
79 : #eddba6 : +50
81 : #efdfae : +52
83 : #f1e2b7 : +54
85 : #f2e6bf : +56
87 : #f4e9c8 : +58
89 : #f6ecd0 : +60
91 : #f7f0d9 : +62
93 : #f9f3e1 : +64
95 : #fbf7ea : +66
97 : #fcfaf2 : +68
99 : #fefdfb : +70
CSS入門、作ってます。
text-shadow