#253022
RGB ( 赤 = 37, 緑 = 48, 青 = 34 )
HSL ( 色相 = 107°, 彩度 = 17%, 明度 = 16% )
H : 色相 ( 107° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #302322 : -100
17 : #302622 : -90
27 : #302822 : -80
37 : #302a22 : -70
47 : #302d22 : -60
57 : #302f22 : -50
67 : #2e3022 : -40
77 : #2c3022 : -30
87 : #293022 : -20
97 : #273022 : -10
107 : #253022 : ±0
117 : #233022 : +10
127 : #223023 : +20
137 : #223026 : +30
147 : #223028 : +40
157 : #22302a : +50
167 : #22302d : +60
177 : #22302f : +70
187 : #222e30 : +80
197 : #222c30 : +90
207 : #222930 : +100
217 : #222730 : +110
227 : #222530 : +120
237 : #222330 : +130
247 : #232230 : +140
257 : #262230 : +150
267 : #282230 : +160
277 : #2a2230 : +170
287 : #2d2230 : +180
297 : #2f2230 : +190
307 : #30222e : +200
317 : #30222c : +210
327 : #302229 : +220
337 : #302227 : +230
347 : #302225 : +240
357 : #302223 : +250
97 : #273022 : -10
98 : #273022 : -9
99 : #273022 : -8
100 : #263022 : -7
101 : #263022 : -6
102 : #263022 : -5
103 : #263022 : -4
104 : #263022 : -3
105 : #253022 : -2
106 : #253022 : -1
107 : #253022 : ±0
108 : #253022 : +1
109 : #243022 : +2
110 : #243022 : +3
111 : #243022 : +4
112 : #243022 : +5
113 : #233022 : +6
114 : #233022 : +7
115 : #233022 : +8
116 : #233022 : +9
117 : #233022 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292928 : -16
3 : #282a28 : -14
5 : #282b27 : -12
7 : #272c26 : -10
9 : #272c25 : -8
11 : #262d24 : -6
13 : #262e23 : -4
15 : #252f23 : -2
17 : #253022 : ±0
19 : #243121 : +2
21 : #243120 : +4
23 : #23321f : +6
25 : #23331f : +8
27 : #23341e : +10
29 : #22351d : +12
31 : #22351c : +14
33 : #21361b : +16
35 : #21371b : +18
37 : #20381a : +20
39 : #203919 : +22
41 : #1f3a18 : +24
43 : #1f3a17 : +26
45 : #1e3b16 : +28
47 : #1e3c16 : +30
49 : #1d3d15 : +32
51 : #1d3e14 : +34
53 : #1d3e13 : +36
55 : #1c3f12 : +38
57 : #1c4012 : +40
59 : #1b4111 : +42
61 : #1b4210 : +44
63 : #1a430f : +46
65 : #1a430e : +48
67 : #19440d : +50
69 : #19450d : +52
71 : #18460c : +54
73 : #18470b : +56
75 : #17470a : +58
77 : #174809 : +60
79 : #174909 : +62
81 : #164a08 : +64
83 : #164b07 : +66
85 : #154b06 : +68
87 : #154c05 : +70
89 : #144d04 : +72
91 : #144e04 : +74
93 : #134f03 : +76
95 : #135002 : +78
97 : #125001 : +80
99 : #125100 : +82
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #050604 : -14
4 : #090c08 : -12
6 : #0e120d : -10
8 : #121811 : -8
10 : #171e15 : -6
12 : #1c2419 : -4
14 : #202a1e : -2
16 : #253022 : ±0
18 : #293626 : +2
20 : #2e3c2a : +4
22 : #33422f : +6
24 : #374833 : +8
26 : #3c4e37 : +10
28 : #41543b : +12
30 : #455a3f : +14
32 : #4a5f44 : +16
34 : #4e6548 : +18
36 : #536b4c : +20
38 : #587150 : +22
40 : #5c7755 : +24
42 : #617d59 : +26
44 : #65835d : +28
46 : #6a8961 : +30
48 : #6f8f66 : +32
50 : #73956a : +34
52 : #799970 : +36
54 : #7e9e76 : +38
56 : #84a27c : +40
58 : #8aa682 : +42
60 : #8faa88 : +44
62 : #95af8e : +46
64 : #9ab394 : +48
66 : #a0b79a : +50
68 : #a6bba0 : +52
70 : #abc0a5 : +54
72 : #b1c4ab : +56
74 : #b6c8b1 : +58
76 : #bcccb7 : +60
78 : #c1d0bd : +62
80 : #c7d5c3 : +64
82 : #cdd9c9 : +66
84 : #d2ddcf : +68
86 : #d8e1d5 : +70
88 : #dde6db : +72
90 : #e3eae1 : +74
92 : #e9eee7 : +76
94 : #eef2ed : +78
96 : #f4f7f3 : +80
98 : #f9fbf9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow