#21233f
RGB ( 赤 = 33, 緑 = 35, 青 = 63 )
HSL ( 色相 = 236°, 彩度 = 31%, 明度 = 19% )
H : 色相 ( 236° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #3f2421 : -230
16 : #3f2921 : -220
26 : #3f2e21 : -210
36 : #3f3321 : -200
46 : #3f3821 : -190
56 : #3f3d21 : -180
66 : #3c3f21 : -170
76 : #373f21 : -160
86 : #323f21 : -150
96 : #2d3f21 : -140
106 : #283f21 : -130
116 : #233f21 : -120
126 : #213f24 : -110
136 : #213f29 : -100
146 : #213f2e : -90
156 : #213f33 : -80
166 : #213f38 : -70
176 : #213f3d : -60
186 : #213c3f : -50
196 : #21373f : -40
206 : #21323f : -30
216 : #212d3f : -20
226 : #21283f : -10
236 : #21233f : ±0
246 : #24213f : +10
256 : #29213f : +20
266 : #2e213f : +30
276 : #33213f : +40
286 : #38213f : +50
296 : #3d213f : +60
306 : #3f213c : +70
316 : #3f2137 : +80
326 : #3f2132 : +90
336 : #3f212d : +100
346 : #3f2128 : +110
356 : #3f2123 : +120
226 : #21283f : -10
227 : #21283f : -9
228 : #21273f : -8
229 : #21273f : -7
230 : #21263f : -6
231 : #21263f : -5
232 : #21253f : -4
233 : #21253f : -3
234 : #21243f : -2
235 : #21243f : -1
236 : #21233f : ±0
237 : #21233f : +1
238 : #21223f : +2
239 : #21223f : +3
240 : #21213f : +4
241 : #22213f : +5
242 : #22213f : +6
243 : #23213f : +7
244 : #23213f : +8
245 : #24213f : +9
246 : #24213f : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303031 : -30
3 : #2f2f32 : -28
5 : #2e2e33 : -26
7 : #2d2e34 : -24
9 : #2c2d35 : -22
11 : #2b2c36 : -20
13 : #2a2b37 : -18
15 : #292a38 : -16
17 : #282939 : -14
19 : #27283a : -12
21 : #26283b : -10
23 : #25273c : -8
25 : #24263d : -6
27 : #23253e : -4
29 : #22243f : -2
31 : #21233f : ±0
33 : #202340 : +2
35 : #1f2241 : +4
37 : #1f2142 : +6
39 : #1e2043 : +8
41 : #1d1f44 : +10
43 : #1c1e45 : +12
45 : #1b1e46 : +14
47 : #1a1d47 : +16
49 : #191c48 : +18
51 : #181b49 : +20
53 : #171a4a : +22
55 : #16194b : +24
57 : #15194c : +26
59 : #14184d : +28
61 : #13174e : +30
63 : #12164f : +32
65 : #111550 : +34
67 : #101451 : +36
69 : #0f1352 : +38
71 : #0e1353 : +40
73 : #0d1254 : +42
75 : #0c1155 : +44
77 : #0b1056 : +46
79 : #0a0f57 : +48
81 : #090e58 : +50
83 : #080e59 : +52
85 : #070d5a : +54
87 : #060c5b : +56
89 : #050b5c : +58
91 : #040a5d : +60
93 : #03095e : +62
95 : #02095e : +64
97 : #01085f : +66
99 : #000760 : +68
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -18
3 : #05060a : -16
5 : #090911 : -14
7 : #0c0d17 : -12
9 : #10111e : -10
11 : #131525 : -8
13 : #17182b : -6
15 : #1a1c32 : -4
17 : #1e2039 : -2
19 : #21233f : ±0
21 : #252746 : +2
23 : #282b4d : +4
25 : #2c2f54 : +6
27 : #30325a : +8
29 : #333661 : +10
31 : #373a68 : +12
33 : #3a3e6e : +14
35 : #3e4175 : +16
37 : #41457c : +18
39 : #454982 : +20
41 : #484c89 : +22
43 : #4c5090 : +24
45 : #4f5496 : +26
47 : #53589d : +28
49 : #565ba4 : +30
51 : #5b60a9 : +32
53 : #6267ac : +34
55 : #696db0 : +36
57 : #6f74b3 : +38
59 : #767ab7 : +40
61 : #7d81ba : +42
63 : #8387be : +44
65 : #8a8ec1 : +46
67 : #9194c5 : +48
69 : #979bc8 : +50
71 : #9ea1cc : +52
73 : #a5a8cf : +54
75 : #abaed3 : +56
77 : #b2b5d7 : +58
79 : #b9bbda : +60
81 : #c0c2de : +62
83 : #c6c8e1 : +64
85 : #cdcee5 : +66
87 : #d4d5e8 : +68
89 : #dadbec : +70
91 : #e1e2ef : +72
93 : #e8e8f3 : +74
95 : #eeeff6 : +76
97 : #f5f5fa : +78
99 : #fcfcfd : +80
CSS入門、作ってます。
text-shadow