#6a3e1b
RGB ( 赤 = 106, 緑 = 62, 青 = 27 )
HSL ( 色相 = 27°, 彩度 = 59%, 明度 = 26% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #69241b : -20
17 : #69311b : -10
27 : #693e1b : ±0
37 : #694b1b : +10
47 : #69581b : +20
57 : #69661b : +30
67 : #60691b : +40
77 : #53691b : +50
87 : #46691b : +60
97 : #39691b : +70
107 : #2c691b : +80
117 : #1f691b : +90
127 : #1b6924 : +100
137 : #1b6931 : +110
147 : #1b693e : +120
157 : #1b694b : +130
167 : #1b6958 : +140
177 : #1b6966 : +150
187 : #1b6069 : +160
197 : #1b5369 : +170
207 : #1b4669 : +180
217 : #1b3969 : +190
227 : #1b2c69 : +200
237 : #1b1f69 : +210
247 : #241b69 : +220
257 : #311b69 : +230
267 : #3e1b69 : +240
277 : #4b1b69 : +250
287 : #581b69 : +260
297 : #661b69 : +270
307 : #691b60 : +280
317 : #691b53 : +290
327 : #691b46 : +300
337 : #691b39 : +310
347 : #691b2c : +320
357 : #691b1f : +330
17 : #69311b : -10
18 : #69331b : -9
19 : #69341b : -8
20 : #69351b : -7
21 : #69371b : -6
22 : #69381b : -5
23 : #69391b : -4
24 : #693a1b : -3
25 : #693c1b : -2
26 : #693d1b : -1
27 : #693e1b : ±0
28 : #69401b : +1
29 : #69411b : +2
30 : #69421b : +3
31 : #69441b : +4
32 : #69451b : +5
33 : #69461b : +6
34 : #69481b : +7
35 : #69491b : +8
36 : #694a1b : +9
37 : #694b1b : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434242 : -58
3 : #444240 : -56
5 : #46423f : -54
7 : #47423e : -52
9 : #48423c : -50
11 : #4a423b : -48
13 : #4b413a : -46
15 : #4c4138 : -44
17 : #4e4137 : -42
19 : #4f4136 : -40
21 : #504134 : -38
23 : #524133 : -36
25 : #534132 : -34
27 : #544130 : -32
29 : #56402f : -30
31 : #57402e : -28
33 : #58402c : -26
35 : #5a402b : -24
37 : #5b402a : -22
39 : #5c4028 : -20
41 : #5d4027 : -18
43 : #5f3f26 : -16
45 : #603f24 : -14
47 : #613f23 : -12
49 : #633f22 : -10
51 : #643f20 : -8
53 : #653f1f : -6
55 : #673f1e : -4
57 : #683f1d : -2
59 : #693e1b : ±0
61 : #6b3e1a : +2
63 : #6c3e19 : +4
65 : #6d3e17 : +6
67 : #6f3e16 : +8
69 : #703e15 : +10
71 : #713e13 : +12
73 : #733d12 : +14
75 : #743d11 : +16
77 : #753d0f : +18
79 : #773d0e : +20
81 : #783d0d : +22
83 : #793d0b : +24
85 : #7b3d0a : +26
87 : #7c3d09 : +28
89 : #7d3c07 : +30
91 : #7f3c06 : +32
93 : #803c05 : +34
95 : #813c03 : +36
97 : #833c02 : +38
99 : #843c01 : +40
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080502 : -24
4 : #100a04 : -22
6 : #180e06 : -20
8 : #201308 : -18
10 : #29180a : -16
12 : #311d0d : -14
14 : #39220f : -12
16 : #412611 : -10
18 : #492b13 : -8
20 : #513015 : -6
22 : #593517 : -4
24 : #613a19 : -2
26 : #693e1b : ±0
28 : #72431d : +2
30 : #7a481f : +4
32 : #824d21 : +6
34 : #8a5224 : +8
36 : #925626 : +10
38 : #9a5b28 : +12
40 : #a2602a : +14
42 : #aa652c : +16
44 : #b26a2e : +18
46 : #bb6e30 : +20
48 : #c37332 : +22
50 : #cb7834 : +24
52 : #cd7d3c : +26
54 : #cf8344 : +28
56 : #d1884d : +30
58 : #d38e55 : +32
60 : #d5935d : +34
62 : #d79865 : +36
64 : #d99e6d : +38
66 : #dba375 : +40
68 : #dea97d : +42
70 : #e0ae85 : +44
72 : #e2b38d : +46
74 : #e4b996 : +48
76 : #e6be9e : +50
78 : #e8c4a6 : +52
80 : #eac9ae : +54
82 : #ecceb6 : +56
84 : #eed4be : +58
86 : #f0d9c6 : +60
88 : #f2dfce : +62
90 : #f5e4d6 : +64
92 : #f7e9df : +66
94 : #f9efe7 : +68
96 : #fbf4ef : +70
98 : #fdfaf7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow