#153238
RGB ( 赤 = 21, 緑 = 50, 青 = 56 )
HSL ( 色相 = 190°, 彩度 = 45%, 明度 = 15% )
H : 色相 ( 190° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #371515 : -190
10 : #371b15 : -180
20 : #372115 : -170
30 : #372615 : -160
40 : #372c15 : -150
50 : #373215 : -140
60 : #373715 : -130
70 : #323715 : -120
80 : #2c3715 : -110
90 : #263715 : -100
100 : #213715 : -90
110 : #1b3715 : -80
120 : #153715 : -70
130 : #15371b : -60
140 : #153721 : -50
150 : #153726 : -40
160 : #15372c : -30
170 : #153732 : -20
180 : #153737 : -10
190 : #153237 : ±0
200 : #152c37 : +10
210 : #152637 : +20
220 : #152137 : +30
230 : #151b37 : +40
240 : #151537 : +50
250 : #1b1537 : +60
260 : #211537 : +70
270 : #261537 : +80
280 : #2c1537 : +90
290 : #321537 : +100
300 : #371537 : +110
310 : #371532 : +120
320 : #37152c : +130
330 : #371526 : +140
340 : #371521 : +150
350 : #37151b : +160
180 : #153737 : -10
181 : #153737 : -9
182 : #153637 : -8
183 : #153637 : -7
184 : #153537 : -6
185 : #153537 : -5
186 : #153437 : -4
187 : #153337 : -3
188 : #153337 : -2
189 : #153237 : -1
190 : #153237 : ±0
191 : #153137 : +1
192 : #153137 : +2
193 : #153037 : +3
194 : #152f37 : +4
195 : #152f37 : +5
196 : #152e37 : +6
197 : #152e37 : +7
198 : #152d37 : +8
199 : #152d37 : +9
200 : #152c37 : +10
S : 彩度 ( 45% )
(0%) 渋い ～ 鮮やか (100%)
1 : #262727 : -44
3 : #252727 : -42
5 : #242828 : -40
7 : #242829 : -38
9 : #23292a : -36
11 : #22292a : -34
13 : #212a2b : -32
15 : #212a2c : -30
17 : #202b2d : -28
19 : #1f2b2e : -26
21 : #1e2c2e : -24
23 : #1d2c2f : -22
25 : #1d2d30 : -20
27 : #1c2d31 : -18
29 : #1b2e31 : -16
31 : #1a2e32 : -14
33 : #1a2f33 : -12
35 : #192f34 : -10
37 : #183034 : -8
39 : #173035 : -6
41 : #173136 : -4
43 : #163137 : -2
45 : #153237 : ±0
47 : #143238 : +2
49 : #143339 : +4
51 : #13333a : +6
53 : #12343b : +8
55 : #11343b : +10
57 : #10353c : +12
59 : #10353d : +14
61 : #0f363e : +16
63 : #0e363e : +18
65 : #0d373f : +20
67 : #0d3740 : +22
69 : #0c3841 : +24
71 : #0b3841 : +26
73 : #0a3942 : +28
75 : #0a3943 : +30
77 : #093a44 : +32
79 : #083a44 : +34
81 : #073b45 : +36
83 : #073b46 : +38
85 : #063c47 : +40
87 : #053c48 : +42
89 : #043d48 : +44
91 : #033d49 : +46
93 : #033e4a : +48
95 : #023e4b : +50
97 : #013f4b : +52
99 : #003f4c : +54
L : 明度 ( 15% )
(0%) 暗い ～ 明るい (100%)
1 : #010304 : -14
3 : #040a0b : -12
5 : #071112 : -10
7 : #0a171a : -8
9 : #0d1e21 : -6
11 : #0f2429 : -4
13 : #122b30 : -2
15 : #153237 : ±0
17 : #18383f : +2
19 : #1b3f46 : +4
21 : #1d464e : +6
23 : #204c55 : +8
25 : #23535c : +10
27 : #265a64 : +12
29 : #29606b : +14
31 : #2b6773 : +16
33 : #2e6d7a : +18
35 : #317481 : +20
37 : #347b89 : +22
39 : #378190 : +24
41 : #3a8898 : +26
43 : #3c8f9f : +28
45 : #3f95a6 : +30
47 : #429cae : +32
49 : #45a2b5 : +34
51 : #4aa8ba : +36
53 : #51abbd : +38
55 : #59afc0 : +40
57 : #60b2c3 : +42
59 : #67b6c5 : +44
61 : #6fb9c8 : +46
63 : #76bdcb : +48
65 : #7ec1ce : +50
67 : #85c4d1 : +52
69 : #8cc8d4 : +54
71 : #94cbd6 : +56
73 : #9bcfd9 : +58
75 : #a3d2dc : +60
77 : #aad6df : +62
79 : #b1dae2 : +64
81 : #b9dde4 : +66
83 : #c0e1e7 : +68
85 : #c8e4ea : +70
87 : #cfe8ed : +72
89 : #d6ebf0 : +74
91 : #deeff2 : +76
93 : #e5f3f5 : +78
95 : #edf6f8 : +80
97 : #f4fafb : +82
99 : #fbfdfe : +84
CSS入門、作ってます。
text-shadow