#223a39
RGB ( 赤 = 34, 緑 = 58, 青 = 57 )
HSL ( 色相 = 178°, 彩度 = 26%, 明度 = 18% )
H : 色相 ( 178° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #3a2522 : -170
18 : #3a2922 : -160
28 : #3a2d22 : -150
38 : #3a3122 : -140
48 : #3a3522 : -130
58 : #3a3922 : -120
68 : #373a22 : -110
78 : #333a22 : -100
88 : #2f3a22 : -90
98 : #2b3a22 : -80
108 : #273a22 : -70
118 : #233a22 : -60
128 : #223a25 : -50
138 : #223a29 : -40
148 : #223a2d : -30
158 : #223a31 : -20
168 : #223a35 : -10
178 : #223a39 : ±0
188 : #22373a : +10
198 : #22333a : +20
208 : #222f3a : +30
218 : #222b3a : +40
228 : #22273a : +50
238 : #22233a : +60
248 : #25223a : +70
258 : #29223a : +80
268 : #2d223a : +90
278 : #31223a : +100
288 : #35223a : +110
298 : #39223a : +120
308 : #3a2237 : +130
318 : #3a2233 : +140
328 : #3a222f : +150
338 : #3a222b : +160
348 : #3a2227 : +170
358 : #3a2223 : +180
168 : #223a35 : -10
169 : #223a35 : -9
170 : #223a36 : -8
171 : #223a36 : -7
172 : #223a37 : -6
173 : #223a37 : -5
174 : #223a37 : -4
175 : #223a38 : -3
176 : #223a38 : -2
177 : #223a39 : -1
178 : #223a39 : ±0
179 : #223a39 : +1
180 : #223a3a : +2
181 : #22393a : +3
182 : #22393a : +4
183 : #22393a : +5
184 : #22383a : +6
185 : #22383a : +7
186 : #22373a : +8
187 : #22373a : +9
188 : #22373a : +10
S : 彩度 ( 26% )
(0%) 渋い ～ 鮮やか (100%)
0 : #2d2d2d : -26
2 : #2d2f2f : -24
4 : #2c3030 : -22
6 : #2b3130 : -20
8 : #2a3231 : -18
10 : #293232 : -16
12 : #283333 : -14
14 : #273434 : -12
16 : #273535 : -10
18 : #263636 : -8
20 : #253736 : -6
22 : #243837 : -4
24 : #233938 : -2
26 : #223a39 : ±0
28 : #213b3a : +2
30 : #203c3b : +4
32 : #1f3d3c : +6
34 : #1e3e3c : +8
36 : #1d3e3d : +10
38 : #1c3f3e : +12
40 : #1c403f : +14
42 : #1b4140 : +16
44 : #1a4241 : +18
46 : #194342 : +20
48 : #184442 : +22
50 : #174543 : +24
52 : #164644 : +26
54 : #154745 : +28
56 : #144846 : +30
58 : #134947 : +32
60 : #124948 : +34
62 : #114a48 : +36
64 : #114b49 : +38
66 : #104c4a : +40
68 : #0f4d4b : +42
70 : #0e4e4c : +44
72 : #0d4f4d : +46
74 : #0c504e : +48
76 : #0b514e : +50
78 : #0a524f : +52
80 : #095350 : +54
82 : #085451 : +56
84 : #075452 : +58
86 : #065553 : +60
88 : #065654 : +62
90 : #055754 : +64
92 : #045855 : +66
94 : #035956 : +68
96 : #025a57 : +70
98 : #015b58 : +72
100 : #005c59 : +74
L : 明度 ( 18% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -18
2 : #040606 : -16
4 : #080d0d : -14
6 : #0b1313 : -12
8 : #0f1a19 : -10
10 : #132020 : -8
12 : #172726 : -6
14 : #1a2d2c : -4
16 : #1e3333 : -2
18 : #223a39 : ±0
20 : #26403f : +2
22 : #2a4746 : +4
24 : #2d4d4c : +6
26 : #315452 : +8
28 : #355a59 : +10
30 : #39605f : +12
32 : #3c6765 : +14
34 : #406d6c : +16
36 : #447472 : +18
38 : #487a78 : +20
40 : #4b817f : +22
42 : #4f8785 : +24
44 : #538d8b : +26
46 : #579492 : +28
48 : #5b9a98 : +30
50 : #5ea19e : +32
52 : #65a4a2 : +34
54 : #6ba8a6 : +36
56 : #72acaa : +38
58 : #78b0ae : +40
60 : #7eb4b2 : +42
62 : #85b7b6 : +44
64 : #8bbbb9 : +46
66 : #92bfbd : +48
68 : #98c3c1 : +50
70 : #9fc6c5 : +52
72 : #a5cac9 : +54
74 : #abcecd : +56
76 : #b2d2d1 : +58
78 : #b8d5d5 : +60
80 : #bfd9d8 : +62
82 : #c5dddc : +64
84 : #cce1e0 : +66
86 : #d2e5e4 : +68
88 : #d8e8e8 : +70
90 : #dfecec : +72
92 : #e5f0f0 : +74
94 : #ecf4f3 : +76
96 : #f2f7f7 : +78
98 : #f9fbfb : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow