#6a3215
RGB ( 赤 = 106, 緑 = 50, 青 = 21 )
HSL ( 色相 = 20°, 彩度 = 67%, 明度 = 25% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #6a1515 : -20
10 : #6a2315 : -10
20 : #6a3215 : ±0
30 : #6a4015 : +10
40 : #6a4e15 : +20
50 : #6a5c15 : +30
60 : #6a6a15 : +40
70 : #5c6a15 : +50
80 : #4e6a15 : +60
90 : #406a15 : +70
100 : #326a15 : +80
110 : #236a15 : +90
120 : #156a15 : +100
130 : #156a23 : +110
140 : #156a32 : +120
150 : #156a40 : +130
160 : #156a4e : +140
170 : #156a5c : +150
180 : #156a6a : +160
190 : #155c6a : +170
200 : #154e6a : +180
210 : #15406a : +190
220 : #15326a : +200
230 : #15236a : +210
240 : #15156a : +220
250 : #23156a : +230
260 : #32156a : +240
270 : #40156a : +250
280 : #4e156a : +260
290 : #5c156a : +270
300 : #6a156a : +280
310 : #6a155c : +290
320 : #6a154e : +300
330 : #6a1540 : +310
340 : #6a1532 : +320
350 : #6a1523 : +330
10 : #6a2315 : -10
11 : #6a2515 : -9
12 : #6a2615 : -8
13 : #6a2815 : -7
14 : #6a2915 : -6
15 : #6a2a15 : -5
16 : #6a2c15 : -4
17 : #6a2d15 : -3
18 : #6a2f15 : -2
19 : #6a3015 : -1
20 : #6a3215 : ±0
21 : #6a3315 : +1
22 : #6a3415 : +2
23 : #6a3615 : +3
24 : #6a3715 : +4
25 : #6a3915 : +5
26 : #6a3a15 : +6
27 : #6a3b15 : +7
28 : #6a3d15 : +8
29 : #6a3e15 : +9
30 : #6a4015 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #40403f : -66
3 : #423f3e : -64
5 : #433f3d : -62
7 : #443e3b : -60
9 : #453e3a : -58
11 : #473d39 : -56
13 : #483d37 : -54
15 : #493d36 : -52
17 : #4b3c35 : -50
19 : #4c3c34 : -48
21 : #4d3b32 : -46
23 : #4e3b31 : -44
25 : #503a30 : -42
27 : #513a2f : -40
29 : #523a2d : -38
31 : #54392c : -36
33 : #55392b : -34
35 : #563829 : -32
37 : #573828 : -30
39 : #593727 : -28
41 : #5a3726 : -26
43 : #5b3724 : -24
45 : #5c3623 : -22
47 : #5e3622 : -20
49 : #5f3521 : -18
51 : #60351f : -16
53 : #62341e : -14
55 : #63341d : -12
57 : #64341b : -10
59 : #65331a : -8
61 : #673319 : -6
63 : #683218 : -4
65 : #693216 : -2
67 : #6a3215 : ±0
69 : #6c3114 : +2
71 : #6d3112 : +4
73 : #6e3011 : +6
75 : #703010 : +8
77 : #712f0f : +10
79 : #722f0d : +12
81 : #732f0c : +14
83 : #752e0b : +16
85 : #762e0a : +18
87 : #772d08 : +20
89 : #782d07 : +22
91 : #7a2c06 : +24
93 : #7b2c04 : +26
95 : #7c2c03 : +28
97 : #7e2b02 : +30
99 : #7f2b01 : +32
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -24
3 : #0d0603 : -22
5 : #150a04 : -20
7 : #1e0e06 : -18
9 : #261208 : -16
11 : #2f1609 : -14
13 : #371a0b : -12
15 : #401e0d : -10
17 : #48220e : -8
19 : #512610 : -6
21 : #592a12 : -4
23 : #622e13 : -2
25 : #6a3215 : ±0
27 : #733517 : +2
29 : #7b3918 : +4
31 : #843d1a : +6
33 : #8d411c : +8
35 : #95451d : +10
37 : #9e491f : +12
39 : #a64d21 : +14
41 : #af5123 : +16
43 : #b75524 : +18
45 : #c05926 : +20
47 : #c85d28 : +22
49 : #d16129 : +24
51 : #d6662e : +26
53 : #d76c37 : +28
55 : #d9733f : +30
57 : #db7948 : +32
59 : #dc7f50 : +34
61 : #de8559 : +36
63 : #e08c61 : +38
65 : #e2926a : +40
67 : #e39872 : +42
69 : #e59e7b : +44
71 : #e7a584 : +46
73 : #e8ab8c : +48
75 : #eab195 : +50
77 : #ecb79d : +52
79 : #edbda6 : +54
81 : #efc4ae : +56
83 : #f1cab7 : +58
85 : #f2d0bf : +60
87 : #f4d6c8 : +62
89 : #f6ddd0 : +64
91 : #f7e3d9 : +66
93 : #f9e9e1 : +68
95 : #fbefea : +70
97 : #fcf6f2 : +72
99 : #fefcfb : +74
CSS入門、作ってます。
text-shadow