#223335
RGB ( 赤 = 34, 緑 = 51, 青 = 53 )
HSL ( 色相 = 186°, 彩度 = 22%, 明度 = 17% )
H : 色相 ( 186° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #352422 : -180
16 : #352722 : -170
26 : #352a22 : -160
36 : #352d22 : -150
46 : #353022 : -140
56 : #353422 : -130
66 : #333522 : -120
76 : #303522 : -110
86 : #2d3522 : -100
96 : #293522 : -90
106 : #263522 : -80
116 : #233522 : -70
126 : #223524 : -60
136 : #223527 : -50
146 : #22352a : -40
156 : #22352d : -30
166 : #223530 : -20
176 : #223534 : -10
186 : #223335 : ±0
196 : #223035 : +10
206 : #222d35 : +20
216 : #222935 : +30
226 : #222635 : +40
236 : #222335 : +50
246 : #242235 : +60
256 : #272235 : +70
266 : #2a2235 : +80
276 : #2d2235 : +90
286 : #302235 : +100
296 : #342235 : +110
306 : #352233 : +120
316 : #352230 : +130
326 : #35222d : +140
336 : #352229 : +150
346 : #352226 : +160
356 : #352223 : +170
176 : #223534 : -10
177 : #223534 : -9
178 : #223534 : -8
179 : #223535 : -7
180 : #223535 : -6
181 : #223535 : -5
182 : #223435 : -4
183 : #223435 : -3
184 : #223435 : -2
185 : #223335 : -1
186 : #223335 : ±0
187 : #223335 : +1
188 : #223235 : +2
189 : #223235 : +3
190 : #223235 : +4
191 : #223135 : +5
192 : #223135 : +6
193 : #223135 : +7
194 : #223035 : +8
195 : #223035 : +9
196 : #223035 : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -22
2 : #2a2c2c : -20
4 : #2a2d2d : -18
6 : #292d2e : -16
8 : #282e2f : -14
10 : #272f30 : -12
12 : #263031 : -10
14 : #253031 : -8
16 : #243132 : -6
18 : #243233 : -4
20 : #233234 : -2
22 : #223335 : ±0
24 : #213436 : +2
26 : #203437 : +4
28 : #1f3537 : +6
30 : #1e3638 : +8
32 : #1d3639 : +10
34 : #1d373a : +12
36 : #1c383b : +14
38 : #1b393c : +16
40 : #1a393d : +18
42 : #193a3e : +20
44 : #183b3e : +22
46 : #173b3f : +24
48 : #173c40 : +26
50 : #163d41 : +28
52 : #153d42 : +30
54 : #143e43 : +32
56 : #133f44 : +34
58 : #123f44 : +36
60 : #114045 : +38
62 : #104146 : +40
64 : #104247 : +42
66 : #0f4248 : +44
68 : #0e4349 : +46
70 : #0d444a : +48
72 : #0c444b : +50
74 : #0b454b : +52
76 : #0a464c : +54
78 : #0a464d : +56
80 : #09474e : +58
82 : #08484f : +60
84 : #074850 : +62
86 : #064951 : +64
88 : #054a51 : +66
90 : #044b52 : +68
92 : #034b53 : +70
94 : #034c54 : +72
96 : #024d55 : +74
98 : #014d56 : +76
100 : #004e57 : +78
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -16
3 : #060909 : -14
5 : #0a0f10 : -12
7 : #0e1516 : -10
9 : #121b1c : -8
11 : #162122 : -6
13 : #1a2728 : -4
15 : #1e2d2f : -2
17 : #223335 : ±0
19 : #26393b : +2
21 : #2a3f41 : +4
23 : #2e4548 : +6
25 : #324b4e : +8
27 : #365154 : +10
29 : #3a575a : +12
31 : #3e5d60 : +14
33 : #426367 : +16
35 : #46696d : +18
37 : #4a6f73 : +20
39 : #4e7579 : +22
41 : #527b80 : +24
43 : #568186 : +26
45 : #5a878c : +28
47 : #5d8d92 : +30
49 : #619398 : +32
51 : #67989e : +34
53 : #6d9ca2 : +36
55 : #73a0a5 : +38
57 : #79a5a9 : +40
59 : #7fa9ad : +42
61 : #86adb1 : +44
63 : #8cb1b5 : +46
65 : #92b5b9 : +48
67 : #98babd : +50
69 : #9fbec1 : +52
71 : #a5c2c5 : +54
73 : #abc6c9 : +56
75 : #b1cacd : +58
77 : #b7cfd1 : +60
79 : #bed3d5 : +62
81 : #c4d7d9 : +64
83 : #cadbdd : +66
85 : #d0dfe1 : +68
87 : #d7e4e5 : +70
89 : #dde8e9 : +72
91 : #e3eced : +74
93 : #e9f0f1 : +76
95 : #eff4f5 : +78
97 : #f6f9f9 : +80
99 : #fcfdfd : +82
CSS入門、作ってます。
text-shadow