#fc5014
RGB
| 赤 | 252 |
|---|---|
| 緑 | 80 |
| 青 | 20 |
HSL
| 色相 | 16° |
|---|---|
| 彩度 | 97% |
| 明度 | 53% |
| 輝度 | 49% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 252, 緑 = 80, 青 = 20 )
HSL ( 色相 = 16°, 彩度 = 97%, 明度 = 53% )
H : 色相 ( 16° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #fb2a13 : -10
16 : #fb5113 : ±0
26 : #fb7813 : +10
36 : #fb9e13 : +20
46 : #fbc513 : +30
56 : #fbec13 : +40
66 : #e4fb13 : +50
76 : #bdfb13 : +60
86 : #97fb13 : +70
96 : #70fb13 : +80
106 : #49fb13 : +90
116 : #22fb13 : +100
126 : #13fb2a : +110
136 : #13fb51 : +120
146 : #13fb78 : +130
156 : #13fb9e : +140
166 : #13fbc5 : +150
176 : #13fbec : +160
186 : #13e4fb : +170
196 : #13bdfb : +180
206 : #1397fb : +190
216 : #1370fb : +200
226 : #1349fb : +210
236 : #1322fb : +220
246 : #2a13fb : +230
256 : #5113fb : +240
266 : #7813fb : +250
276 : #9e13fb : +260
286 : #c513fb : +270
296 : #ec13fb : +280
306 : #fb13e4 : +290
316 : #fb13bd : +300
326 : #fb1397 : +310
336 : #fb1370 : +320
346 : #fb1349 : +330
356 : #fb1322 : +340
6 : #fb2a13 : -10
7 : #fb2e13 : -9
8 : #fb3213 : -8
9 : #fb3613 : -7
10 : #fb3a13 : -6
11 : #fb3e13 : -5
12 : #fb4113 : -4
13 : #fb4513 : -3
14 : #fb4913 : -2
15 : #fb4d13 : -1
16 : #fb5113 : ±0
17 : #fb5513 : +1
18 : #fb5913 : +2
19 : #fb5d13 : +3
20 : #fb6013 : +4
21 : #fb6413 : +5
22 : #fb6813 : +6
23 : #fb6c13 : +7
24 : #fb7013 : +8
25 : #fb7413 : +9
26 : #fb7813 : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #888786 : -96
3 : #8b8584 : -94
5 : #8d8481 : -92
7 : #90837f : -90
9 : #92827c : -88
11 : #94817a : -86
13 : #978078 : -84
15 : #997f75 : -82
17 : #9c7e73 : -80
19 : #9e7d70 : -78
21 : #a07b6e : -76
23 : #a37a6c : -74
25 : #a57969 : -72
27 : #a87867 : -70
29 : #aa7764 : -68
31 : #ac7662 : -66
33 : #af7560 : -64
35 : #b1745d : -62
37 : #b3725b : -60
39 : #b67158 : -58
41 : #b87056 : -56
43 : #bb6f54 : -54
45 : #bd6e51 : -52
47 : #bf6d4f : -50
49 : #c26c4c : -48
51 : #c46b4a : -46
53 : #c76a48 : -44
55 : #c96845 : -42
57 : #cb6743 : -40
59 : #ce6640 : -38
61 : #d0653e : -36
63 : #d3643c : -34
65 : #d56339 : -32
67 : #d76237 : -30
69 : #da6134 : -28
71 : #dc5f32 : -26
73 : #df5e30 : -24
75 : #e15d2d : -22
77 : #e35c2b : -20
79 : #e65b28 : -18
81 : #e85a26 : -16
83 : #eb5924 : -14
85 : #ed5821 : -12
87 : #ef561f : -10
89 : #f2551c : -8
91 : #f4541a : -6
93 : #f75318 : -4
95 : #f95215 : -2
97 : #fb5113 : ±0
99 : #fe5010 : +2
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #050100 : -52
3 : #0f0400 : -50
5 : #190700 : -48
7 : #230a01 : -46
9 : #2d0d01 : -44
11 : #370f01 : -42
13 : #411201 : -40
15 : #4b1501 : -38
17 : #551801 : -36
19 : #5f1b01 : -34
21 : #691d02 : -32
23 : #742002 : -30
25 : #7e2302 : -28
27 : #882602 : -26
29 : #922802 : -24
31 : #9c2b02 : -22
33 : #a62e03 : -20
35 : #b03103 : -18
37 : #ba3403 : -16
39 : #c43603 : -14
41 : #ce3903 : -12
43 : #d83c03 : -10
45 : #e23f03 : -8
47 : #ec4204 : -6
49 : #f64404 : -4
51 : #fb4909 : -2
53 : #fb5113 : ±0
55 : #fc581d : +2
57 : #fc6027 : +4
59 : #fc6731 : +6
61 : #fc6f3b : +8
63 : #fc7645 : +10
65 : #fc7d4f : +12
67 : #fc8559 : +14
69 : #fd8c63 : +16
71 : #fd946d : +18
73 : #fd9b77 : +20
75 : #fda281 : +22
77 : #fdaa8b : +24
79 : #fdb196 : +26
81 : #feb9a0 : +28
83 : #fec0aa : +30
85 : #fec7b4 : +32
87 : #fecfbe : +34
89 : #fed6c8 : +36
91 : #feded2 : +38
93 : #fee5dc : +40
95 : #ffece6 : +42
97 : #fff4f0 : +44
99 : #fffbfa : +46
CSS入門、作ってます。
text-shadow