#302339
RGB ( 赤 = 48, 緑 = 35, 青 = 57 )
HSL ( 色相 = 275°, 彩度 = 24%, 明度 = 18% )
H : 色相 ( 275° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #392523 : -270
15 : #392823 : -260
25 : #392c23 : -250
35 : #393023 : -240
45 : #393323 : -230
55 : #393723 : -220
65 : #373923 : -210
75 : #333923 : -200
85 : #303923 : -190
95 : #2c3923 : -180
105 : #283923 : -170
115 : #253923 : -160
125 : #233925 : -150
135 : #233928 : -140
145 : #23392c : -130
155 : #233930 : -120
165 : #233933 : -110
175 : #233937 : -100
185 : #233739 : -90
195 : #233339 : -80
205 : #233039 : -70
215 : #232c39 : -60
225 : #232839 : -50
235 : #232539 : -40
245 : #252339 : -30
255 : #282339 : -20
265 : #2c2339 : -10
275 : #302339 : ±0
285 : #332339 : +10
295 : #372339 : +20
305 : #392337 : +30
315 : #392333 : +40
325 : #392330 : +50
335 : #39232c : +60
345 : #392328 : +70
355 : #392325 : +80
265 : #2c2339 : -10
266 : #2c2339 : -9
267 : #2d2339 : -8
268 : #2d2339 : -7
269 : #2e2339 : -6
270 : #2e2339 : -5
271 : #2e2339 : -4
272 : #2f2339 : -3
273 : #2f2339 : -2
274 : #2f2339 : -1
275 : #302339 : ±0
276 : #302339 : +1
277 : #302339 : +2
278 : #312339 : +3
279 : #312339 : +4
280 : #322339 : +5
281 : #322339 : +6
282 : #322339 : +7
283 : #332339 : +8
284 : #332339 : +9
285 : #332339 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -24
2 : #2e2d2f : -22
4 : #2e2c30 : -20
6 : #2e2b31 : -18
8 : #2f2a32 : -16
10 : #2f2932 : -14
12 : #2f2833 : -12
14 : #2f2734 : -10
16 : #2f2735 : -8
18 : #2f2636 : -6
20 : #2f2537 : -4
22 : #302438 : -2
24 : #302339 : ±0
26 : #30223a : +2
28 : #30213b : +4
30 : #30203c : +6
32 : #301f3d : +8
34 : #311e3e : +10
36 : #311d3e : +12
38 : #311c3f : +14
40 : #311c40 : +16
42 : #311b41 : +18
44 : #311a42 : +20
46 : #311943 : +22
48 : #321844 : +24
50 : #321745 : +26
52 : #321646 : +28
54 : #321547 : +30
56 : #321448 : +32
58 : #321349 : +34
60 : #321249 : +36
62 : #33114a : +38
64 : #33114b : +40
66 : #33104c : +42
68 : #330f4d : +44
70 : #330e4e : +46
72 : #330d4f : +48
74 : #340c50 : +50
76 : #340b51 : +52
78 : #340a52 : +54
80 : #340953 : +56
82 : #340854 : +58
84 : #340754 : +60
86 : #340655 : +62
88 : #350656 : +64
90 : #350557 : +66
92 : #350458 : +68
94 : #350359 : +70
96 : #35025a : +72
98 : #35015b : +74
100 : #36005c : +76
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #050406 : -16
4 : #0b080d : -14
6 : #100c13 : -12
8 : #151019 : -10
10 : #1b1320 : -8
12 : #201726 : -6
14 : #251b2c : -4
16 : #2a1f33 : -2
18 : #302339 : ±0
20 : #35273f : +2
22 : #3a2b46 : +4
24 : #402f4c : +6
26 : #453252 : +8
28 : #4a3659 : +10
30 : #503a5f : +12
32 : #553e65 : +14
34 : #5a426c : +16
36 : #5f4672 : +18
38 : #654a78 : +20
40 : #6a4e7e : +22
42 : #6f5185 : +24
44 : #75558b : +26
46 : #7a5991 : +28
48 : #7f5d98 : +30
50 : #85619e : +32
52 : #8967a2 : +34
54 : #8e6ea6 : +36
56 : #9374aa : +38
58 : #987aae : +40
60 : #9d81b1 : +42
62 : #a287b5 : +44
64 : #a78db9 : +46
66 : #ac93bd : +48
68 : #b19ac1 : +50
70 : #b6a0c5 : +52
72 : #baa6c9 : +54
74 : #bfadcd : +56
76 : #c4b3d0 : +58
78 : #c9b9d4 : +60
80 : #cec0d8 : +62
82 : #d3c6dc : +64
84 : #d8cce0 : +66
86 : #ddd3e4 : +68
88 : #e2d9e8 : +70
90 : #e7dfec : +72
92 : #ebe6ef : +74
94 : #f0ecf3 : +76
96 : #f5f2f7 : +78
98 : #faf9fb : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow