#6b3200
RGB ( 赤 = 107, 緑 = 50, 青 = 0 )
HSL ( 色相 = 28°, 彩度 = 100%, 明度 = 21% )
H : 色相 ( 28° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #6b0e00 : -20
18 : #6b2000 : -10
28 : #6b3200 : ±0
38 : #6b4400 : +10
48 : #6b5600 : +20
58 : #6b6800 : +30
68 : #5d6b00 : +40
78 : #4b6b00 : +50
88 : #396b00 : +60
98 : #276b00 : +70
108 : #156b00 : +80
118 : #046b00 : +90
128 : #006b0e : +100
138 : #006b20 : +110
148 : #006b32 : +120
158 : #006b44 : +130
168 : #006b56 : +140
178 : #006b68 : +150
188 : #005d6b : +160
198 : #004b6b : +170
208 : #00396b : +180
218 : #00276b : +190
228 : #00156b : +200
238 : #00046b : +210
248 : #0e006b : +220
258 : #20006b : +230
268 : #32006b : +240
278 : #44006b : +250
288 : #56006b : +260
298 : #68006b : +270
308 : #6b005d : +280
318 : #6b004b : +290
328 : #6b0039 : +300
338 : #6b0027 : +310
348 : #6b0015 : +320
358 : #6b0004 : +330
18 : #6b2000 : -10
19 : #6b2200 : -9
20 : #6b2400 : -8
21 : #6b2500 : -7
22 : #6b2700 : -6
23 : #6b2900 : -5
24 : #6b2b00 : -4
25 : #6b2d00 : -3
26 : #6b2e00 : -2
27 : #6b3000 : -1
28 : #6b3200 : ±0
29 : #6b3400 : +1
30 : #6b3600 : +2
31 : #6b3700 : +3
32 : #6b3900 : +4
33 : #6b3b00 : +5
34 : #6b3d00 : +6
35 : #6b3e00 : +7
36 : #6b4000 : +8
37 : #6b4200 : +9
38 : #6b4400 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -100
2 : #373534 : -98
4 : #383533 : -96
6 : #393532 : -94
8 : #3a3531 : -92
10 : #3b3530 : -90
12 : #3c352f : -88
14 : #3d352e : -86
16 : #3e352d : -84
18 : #3f352c : -82
20 : #40352b : -80
22 : #41352a : -78
24 : #423529 : -76
26 : #433528 : -74
28 : #453527 : -72
30 : #463425 : -70
32 : #473424 : -68
34 : #483423 : -66
36 : #493422 : -64
38 : #4a3421 : -62
40 : #4b3420 : -60
42 : #4c341f : -58
44 : #4d341e : -56
46 : #4e341d : -54
48 : #4f341c : -52
50 : #50341b : -50
52 : #51341a : -48
54 : #523419 : -46
56 : #543418 : -44
58 : #553316 : -42
60 : #563315 : -40
62 : #573314 : -38
64 : #583313 : -36
66 : #593312 : -34
68 : #5a3311 : -32
70 : #5b3310 : -30
72 : #5c330f : -28
74 : #5d330e : -26
76 : #5e330d : -24
78 : #5f330c : -22
80 : #60330b : -20
82 : #61330a : -18
84 : #633309 : -16
86 : #643207 : -14
88 : #653206 : -12
90 : #663205 : -10
92 : #673204 : -8
94 : #683203 : -6
96 : #693202 : -4
98 : #6a3201 : -2
100 : #6b3200 : ±0
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -20
3 : #0f0700 : -18
5 : #1a0c00 : -16
7 : #241100 : -14
9 : #2e1500 : -12
11 : #381a00 : -10
13 : #421f00 : -8
15 : #4d2400 : -6
17 : #572800 : -4
19 : #612d00 : -2
21 : #6b3200 : ±0
23 : #753700 : +2
25 : #803c00 : +4
27 : #8a4000 : +6
29 : #944500 : +8
31 : #9e4a00 : +10
33 : #a84f00 : +12
35 : #b35300 : +14
37 : #bd5800 : +16
39 : #c75d00 : +18
41 : #d16200 : +20
43 : #db6600 : +22
45 : #e66b00 : +24
47 : #f07000 : +26
49 : #fa7500 : +28
51 : #ff7a05 : +30
53 : #ff7f0f : +32
55 : #ff851a : +34
57 : #ff8a24 : +36
59 : #ff8f2e : +38
61 : #ff9538 : +40
63 : #ff9a42 : +42
65 : #ffa04d : +44
67 : #ffa557 : +46
69 : #ffab61 : +48
71 : #ffb06b : +50
73 : #ffb675 : +52
75 : #ffbb80 : +54
77 : #ffc08a : +56
79 : #ffc694 : +58
81 : #ffcb9e : +60
83 : #ffd1a8 : +62
85 : #ffd6b3 : +64
87 : #ffdcbd : +66
89 : #ffe1c7 : +68
91 : #ffe7d1 : +70
93 : #ffecdb : +72
95 : #fff1e6 : +74
97 : #fff7f0 : +76
99 : #fffcfa : +78
CSS入門、作ってます。
text-shadow