#643a30
RGB ( 赤 = 100, 緑 = 58, 青 = 48 )
HSL ( 色相 = 12°, 彩度 = 35%, 明度 = 29% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #643230 : -10
12 : #643a30 : ±0
22 : #644330 : +10
32 : #644c30 : +20
42 : #645430 : +30
52 : #645d30 : +40
62 : #626430 : +50
72 : #596430 : +60
82 : #516430 : +70
92 : #486430 : +80
102 : #406430 : +90
112 : #376430 : +100
122 : #306432 : +110
132 : #30643a : +120
142 : #306443 : +130
152 : #30644c : +140
162 : #306454 : +150
172 : #30645d : +160
182 : #306264 : +170
192 : #305964 : +180
202 : #305164 : +190
212 : #304864 : +200
222 : #304064 : +210
232 : #303764 : +220
242 : #323064 : +230
252 : #3a3064 : +240
262 : #433064 : +250
272 : #4c3064 : +260
282 : #543064 : +270
292 : #5d3064 : +280
302 : #643062 : +290
312 : #643059 : +300
322 : #643051 : +310
332 : #643048 : +320
342 : #643040 : +330
352 : #643037 : +340
2 : #643230 : -10
3 : #643330 : -9
4 : #643430 : -8
5 : #643430 : -7
6 : #643530 : -6
7 : #643630 : -5
8 : #643730 : -4
9 : #643830 : -3
10 : #643930 : -2
11 : #643a30 : -1
12 : #643a30 : ±0
13 : #643b30 : +1
14 : #643c30 : +2
15 : #643d30 : +3
16 : #643e30 : +4
17 : #643f30 : +5
18 : #644030 : +6
19 : #644030 : +7
20 : #644130 : +8
21 : #644230 : +9
22 : #644330 : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4b4a49 : -34
3 : #4c4948 : -32
5 : #4e4846 : -30
7 : #4f4745 : -28
9 : #514643 : -26
11 : #524542 : -24
13 : #544440 : -22
15 : #55433f : -20
17 : #57423d : -18
19 : #58423c : -16
21 : #59413a : -14
23 : #5b4039 : -12
25 : #5c3f37 : -10
27 : #5e3e36 : -8
29 : #5f3d35 : -6
31 : #613c33 : -4
33 : #623b32 : -2
35 : #643a30 : ±0
37 : #653a2f : +2
39 : #67392d : +4
41 : #68382c : +6
43 : #6a372a : +8
45 : #6b3629 : +10
47 : #6d3527 : +12
49 : #6e3426 : +14
51 : #703324 : +16
53 : #713223 : +18
55 : #733221 : +20
57 : #743120 : +22
59 : #76301e : +24
61 : #772f1d : +26
63 : #792e1b : +28
65 : #7a2d1a : +30
67 : #7b2c18 : +32
69 : #7d2b17 : +34
71 : #7e2a15 : +36
73 : #802a14 : +38
75 : #812912 : +40
77 : #832811 : +42
79 : #842710 : +44
81 : #86260e : +46
83 : #87250d : +48
85 : #89240b : +50
87 : #8a230a : +52
89 : #8c2208 : +54
91 : #8d2207 : +56
93 : #8f2105 : +58
95 : #902004 : +60
97 : #921f02 : +62
99 : #931e01 : +64
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -28
3 : #0a0605 : -26
5 : #110a08 : -24
7 : #180e0c : -22
9 : #1f120f : -20
11 : #261612 : -18
13 : #2d1a16 : -16
15 : #341e19 : -14
17 : #3b221c : -12
19 : #41261f : -10
21 : #482a23 : -8
23 : #4f2e26 : -6
25 : #563229 : -4
27 : #5d362d : -2
29 : #643a30 : ±0
31 : #6b3e33 : +2
33 : #724237 : +4
35 : #78473a : +6
37 : #7f4b3d : +8
39 : #864f41 : +10
41 : #8d5344 : +12
43 : #945747 : +14
45 : #9b5b4b : +16
47 : #a25f4e : +18
49 : #a96351 : +20
51 : #ae6856 : +22
53 : #b16e5d : +24
55 : #b47464 : +26
57 : #b87a6b : +28
59 : #bb8072 : +30
61 : #be8779 : +32
63 : #c28d80 : +34
65 : #c59387 : +36
67 : #c8998d : +38
69 : #cc9f94 : +40
71 : #cfa69b : +42
73 : #d2aca2 : +44
75 : #d6b2a9 : +46
77 : #d9b8b0 : +48
79 : #dcbeb7 : +50
81 : #e0c4be : +52
83 : #e3cbc4 : +54
85 : #e6d1cb : +56
87 : #e9d7d2 : +58
89 : #edddd9 : +60
91 : #f0e3e0 : +62
93 : #f3e9e7 : +64
95 : #f7f0ee : +66
97 : #faf6f5 : +68
99 : #fdfcfc : +70
CSS入門、作ってます。
text-shadow