#331814
RGB ( 赤 = 51, 緑 = 24, 青 = 20 )
HSL ( 色相 = 8°, 彩度 = 44%, 明度 = 14% )
H : 色相 ( 8° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #331814 : ±0
18 : #331d14 : +10
28 : #332314 : +20
38 : #332814 : +30
48 : #332d14 : +40
58 : #333214 : +50
68 : #2f3314 : +60
78 : #2a3314 : +70
88 : #253314 : +80
98 : #203314 : +90
108 : #1a3314 : +100
118 : #153314 : +110
128 : #143318 : +120
138 : #14331d : +130
148 : #143323 : +140
158 : #143328 : +150
168 : #14332d : +160
178 : #143332 : +170
188 : #142f33 : +180
198 : #142a33 : +190
208 : #142533 : +200
218 : #142033 : +210
228 : #141a33 : +220
238 : #141533 : +230
248 : #181433 : +240
258 : #1d1433 : +250
268 : #231433 : +260
278 : #281433 : +270
288 : #2d1433 : +280
298 : #321433 : +290
308 : #33142f : +300
318 : #33142a : +310
328 : #331425 : +320
338 : #331420 : +330
348 : #33141a : +340
358 : #331415 : +350
358 : #331415 : +350
359 : #331415 : +351
0 : #331414 : -8
1 : #331514 : -7
2 : #331514 : -6
3 : #331614 : -5
4 : #331614 : -4
5 : #331714 : -3
6 : #331714 : -2
7 : #331814 : -1
8 : #331814 : ±0
9 : #331914 : +1
10 : #331914 : +2
11 : #331a14 : +3
12 : #331a14 : +4
13 : #331b14 : +5
14 : #331b14 : +6
15 : #331c14 : +7
16 : #331c14 : +8
17 : #331d14 : +9
18 : #331d14 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -44
2 : #242323 : -42
4 : #252322 : -40
6 : #262222 : -38
8 : #272221 : -36
10 : #272120 : -34
12 : #28211f : -32
14 : #29201f : -30
16 : #29201e : -28
18 : #2a1f1d : -26
20 : #2b1e1d : -24
22 : #2c1e1c : -22
24 : #2c1d1b : -20
26 : #2d1d1a : -18
28 : #2e1c1a : -16
30 : #2e1c19 : -14
32 : #2f1b18 : -12
34 : #301b18 : -10
36 : #311a17 : -8
38 : #311a16 : -6
40 : #321915 : -4
42 : #331915 : -2
44 : #331814 : ±0
46 : #341813 : +2
48 : #351713 : +4
50 : #361712 : +6
52 : #361611 : +8
54 : #371610 : +10
56 : #381510 : +12
58 : #38150f : +14
60 : #39140e : +16
62 : #3a130e : +18
64 : #3b130d : +20
66 : #3b120c : +22
68 : #3c120b : +24
70 : #3d110b : +26
72 : #3d110a : +28
74 : #3e1009 : +30
76 : #3f1009 : +32
78 : #400f08 : +34
80 : #400f07 : +36
82 : #410e06 : +38
84 : #420e06 : +40
86 : #420d05 : +42
88 : #430d04 : +44
90 : #440c04 : +46
92 : #450c03 : +48
94 : #450b02 : +50
96 : #460b01 : +52
98 : #470a01 : +54
100 : #470a00 : +56
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #070303 : -12
4 : #0f0706 : -10
6 : #160a09 : -8
8 : #1d0e0b : -6
10 : #25110e : -4
12 : #2c1511 : -2
14 : #331814 : ±0
16 : #3b1c17 : +2
18 : #421f1a : +4
20 : #49231d : +6
22 : #51261f : +8
24 : #582922 : +10
26 : #5f2d25 : +12
28 : #673028 : +14
30 : #6e342b : +16
32 : #76372e : +18
34 : #7d3b31 : +20
36 : #843e33 : +22
38 : #8c4236 : +24
40 : #934539 : +26
42 : #9a493c : +28
44 : #a24c3f : +30
46 : #a94f42 : +32
48 : #b05345 : +34
50 : #b85647 : +36
52 : #ba5d4f : +38
54 : #bd6456 : +40
56 : #c06b5d : +42
58 : #c37165 : +44
60 : #c6786c : +46
62 : #c97f73 : +48
64 : #cc867b : +50
66 : #ce8c82 : +52
68 : #d19389 : +54
70 : #d49a91 : +56
72 : #d7a198 : +58
74 : #daa7a0 : +60
76 : #ddaea7 : +62
78 : #e0b5ae : +64
80 : #e2bcb6 : +66
82 : #e5c2bd : +68
84 : #e8c9c4 : +70
86 : #ebd0cc : +72
88 : #eed7d3 : +74
90 : #f1ddda : +76
92 : #f4e4e2 : +78
94 : #f6ebe9 : +80
96 : #f9f2f0 : +82
98 : #fcf8f8 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow