#6a351b
RGB ( 赤 = 106, 緑 = 53, 青 = 27 )
HSL ( 色相 = 20°, 彩度 = 59%, 明度 = 26% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #691b1b : -20
10 : #69281b : -10
20 : #69351b : ±0
30 : #69421b : +10
40 : #694f1b : +20
50 : #695c1b : +30
60 : #69691b : +40
70 : #5c691b : +50
80 : #4f691b : +60
90 : #42691b : +70
100 : #35691b : +80
110 : #28691b : +90
120 : #1b691b : +100
130 : #1b6928 : +110
140 : #1b6935 : +120
150 : #1b6942 : +130
160 : #1b694f : +140
170 : #1b695c : +150
180 : #1b6969 : +160
190 : #1b5c69 : +170
200 : #1b4f69 : +180
210 : #1b4269 : +190
220 : #1b3569 : +200
230 : #1b2869 : +210
240 : #1b1b69 : +220
250 : #281b69 : +230
260 : #351b69 : +240
270 : #421b69 : +250
280 : #4f1b69 : +260
290 : #5c1b69 : +270
300 : #691b69 : +280
310 : #691b5c : +290
320 : #691b4f : +300
330 : #691b42 : +310
340 : #691b35 : +320
350 : #691b28 : +330
10 : #69281b : -10
11 : #692a1b : -9
12 : #692b1b : -8
13 : #692c1b : -7
14 : #692d1b : -6
15 : #692f1b : -5
16 : #69301b : -4
17 : #69311b : -3
18 : #69331b : -2
19 : #69341b : -1
20 : #69351b : ±0
21 : #69371b : +1
22 : #69381b : +2
23 : #69391b : +3
24 : #693a1b : +4
25 : #693c1b : +5
26 : #693d1b : +6
27 : #693e1b : +7
28 : #69401b : +8
29 : #69411b : +9
30 : #69421b : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434242 : -58
3 : #444240 : -56
5 : #46413f : -54
7 : #47413e : -52
9 : #48403c : -50
11 : #4a403b : -48
13 : #4b3f3a : -46
15 : #4c3f38 : -44
17 : #4e3f37 : -42
19 : #4f3e36 : -40
21 : #503e34 : -38
23 : #523d33 : -36
25 : #533d32 : -34
27 : #543c30 : -32
29 : #563c2f : -30
31 : #573b2e : -28
33 : #583b2c : -26
35 : #5a3b2b : -24
37 : #5b3a2a : -22
39 : #5c3a28 : -20
41 : #5d3927 : -18
43 : #5f3926 : -16
45 : #603824 : -14
47 : #613823 : -12
49 : #633722 : -10
51 : #643720 : -8
53 : #65371f : -6
55 : #67361e : -4
57 : #68361d : -2
59 : #69351b : ±0
61 : #6b351a : +2
63 : #6c3419 : +4
65 : #6d3417 : +6
67 : #6f3316 : +8
69 : #703315 : +10
71 : #713313 : +12
73 : #733212 : +14
75 : #743211 : +16
77 : #75310f : +18
79 : #77310e : +20
81 : #78300d : +22
83 : #79300b : +24
85 : #7b300a : +26
87 : #7c2f09 : +28
89 : #7d2f07 : +30
91 : #7f2e06 : +32
93 : #802e05 : +34
95 : #812d03 : +36
97 : #832d02 : +38
99 : #842c01 : +40
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080402 : -24
4 : #100804 : -22
6 : #180c06 : -20
8 : #201008 : -18
10 : #29140a : -16
12 : #31190d : -14
14 : #391d0f : -12
16 : #412111 : -10
18 : #492513 : -8
20 : #512915 : -6
22 : #592d17 : -4
24 : #613119 : -2
26 : #69351b : ±0
28 : #72391d : +2
30 : #7a3d1f : +4
32 : #824221 : +6
34 : #8a4624 : +8
36 : #924a26 : +10
38 : #9a4e28 : +12
40 : #a2522a : +14
42 : #aa562c : +16
44 : #b25a2e : +18
46 : #bb5e30 : +20
48 : #c36232 : +22
50 : #cb6634 : +24
52 : #cd6d3c : +26
54 : #cf7344 : +28
56 : #d1794d : +30
58 : #d37f55 : +32
60 : #d5855d : +34
62 : #d78b65 : +36
64 : #d9916d : +38
66 : #db9775 : +40
68 : #de9d7d : +42
70 : #e0a385 : +44
72 : #e2aa8d : +46
74 : #e4b096 : +48
76 : #e6b69e : +50
78 : #e8bca6 : +52
80 : #eac2ae : +54
82 : #ecc8b6 : +56
84 : #eecebe : +58
86 : #f0d4c6 : +60
88 : #f2dace : +62
90 : #f5e0d6 : +64
92 : #f7e7df : +66
94 : #f9ede7 : +68
96 : #fbf3ef : +70
98 : #fdf9f7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow