#34222c
RGB ( 赤 = 52, 緑 = 34, 青 = 44 )
HSL ( 色相 = 327°, 彩度 = 21%, 明度 = 17% )
H : 色相 ( 327° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #342422 : -320
17 : #342722 : -310
27 : #342a22 : -300
37 : #342d22 : -290
47 : #343122 : -280
57 : #343422 : -270
67 : #323422 : -260
77 : #2f3422 : -250
87 : #2c3422 : -240
97 : #293422 : -230
107 : #263422 : -220
117 : #233422 : -210
127 : #223424 : -200
137 : #223427 : -190
147 : #22342a : -180
157 : #22342d : -170
167 : #223431 : -160
177 : #223434 : -150
187 : #223234 : -140
197 : #222f34 : -130
207 : #222c34 : -120
217 : #222934 : -110
227 : #222634 : -100
237 : #222334 : -90
247 : #242234 : -80
257 : #272234 : -70
267 : #2a2234 : -60
277 : #2d2234 : -50
287 : #312234 : -40
297 : #342234 : -30
307 : #342232 : -20
317 : #34222f : -10
327 : #34222c : ±0
337 : #342229 : +10
347 : #342226 : +20
357 : #342223 : +30
317 : #34222f : -10
318 : #34222f : -9
319 : #34222f : -8
320 : #34222e : -7
321 : #34222e : -6
322 : #34222e : -5
323 : #34222d : -4
324 : #34222d : -3
325 : #34222d : -2
326 : #34222d : -1
327 : #34222c : ±0
328 : #34222c : +1
329 : #34222c : +2
330 : #34222b : +3
331 : #34222b : +4
332 : #34222b : +5
333 : #34222a : +6
334 : #34222a : +7
335 : #34222a : +8
336 : #34222a : +9
337 : #342229 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2b : -20
3 : #2d2a2b : -18
5 : #2e292c : -16
7 : #2e282c : -14
9 : #2f272c : -12
11 : #30272c : -10
13 : #31262c : -8
15 : #32252c : -6
17 : #33242c : -4
19 : #34232c : -2
21 : #34222c : ±0
23 : #35212c : +2
25 : #36212c : +4
27 : #37202d : +6
29 : #381f2d : +8
31 : #391e2d : +10
33 : #3a1d2d : +12
35 : #3b1c2d : +14
37 : #3b1b2d : +16
39 : #3c1a2d : +18
41 : #3d1a2d : +20
43 : #3e192d : +22
45 : #3f182d : +24
47 : #40172d : +26
49 : #41162d : +28
51 : #41152e : +30
53 : #42142e : +32
55 : #43142e : +34
57 : #44132e : +36
59 : #45122e : +38
61 : #46112e : +40
63 : #47102e : +42
65 : #480f2e : +44
67 : #480e2e : +46
69 : #490d2e : +48
71 : #4a0d2e : +50
73 : #4b0c2f : +52
75 : #4c0b2f : +54
77 : #4d0a2f : +56
79 : #4e092f : +58
81 : #4e082f : +60
83 : #4f072f : +62
85 : #50072f : +64
87 : #51062f : +66
89 : #52052f : +68
91 : #53042f : +70
93 : #54032f : +72
95 : #55022f : +74
97 : #550130 : +76
99 : #560030 : +78
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -16
3 : #090608 : -14
5 : #0f0a0d : -12
7 : #160e12 : -10
9 : #1c1217 : -8
11 : #22161d : -6
13 : #281a22 : -4
15 : #2e1e27 : -2
17 : #34222c : ±0
19 : #3b2631 : +2
21 : #412a37 : +4
23 : #472e3c : +6
25 : #4d3241 : +8
27 : #533646 : +10
29 : #593a4c : +12
31 : #603e51 : +14
33 : #664256 : +16
35 : #6c475b : +18
37 : #724b60 : +20
39 : #784f66 : +22
41 : #7f536b : +24
43 : #855770 : +26
45 : #8b5b75 : +28
47 : #915f7a : +30
49 : #976380 : +32
51 : #9c6885 : +34
53 : #a06e8a : +36
55 : #a4748f : +38
57 : #a87a94 : +40
59 : #ac8099 : +42
61 : #b0879e : +44
63 : #b48da3 : +46
65 : #b893a8 : +48
67 : #bd99ad : +50
69 : #c19fb2 : +52
71 : #c5a6b7 : +54
73 : #c9acbc : +56
75 : #cdb2c1 : +58
77 : #d1b8c6 : +60
79 : #d5becb : +62
81 : #d9c4d0 : +64
83 : #ddcbd5 : +66
85 : #e1d1da : +68
87 : #e5d7df : +70
89 : #e9dde4 : +72
91 : #ede3e9 : +74
93 : #f1e9ee : +76
95 : #f5f0f3 : +78
97 : #f9f6f8 : +80
99 : #fdfcfd : +82
CSS入門、作ってます。
text-shadow