#fc6031
RGB
赤 | 252 |
---|---|
緑 | 96 |
青 | 49 |
HSL
色相 | 14° |
---|---|
彩度 | 97% |
明度 | 59% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 252, 緑 = 96, 青 = 49 )
HSL ( 色相 = 14°, 彩度 = 97%, 明度 = 59% )
H : 色相 ( 14° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #fc3f31 : -10
14 : #fc6031 : ±0
24 : #fc8231 : +10
34 : #fca431 : +20
44 : #fcc631 : +30
54 : #fce831 : +40
64 : #eefc31 : +50
74 : #cdfc31 : +60
84 : #abfc31 : +70
94 : #89fc31 : +80
104 : #67fc31 : +90
114 : #45fc31 : +100
124 : #31fc3f : +110
134 : #31fc60 : +120
144 : #31fc82 : +130
154 : #31fca4 : +140
164 : #31fcc6 : +150
174 : #31fce8 : +160
184 : #31eefc : +170
194 : #31cdfc : +180
204 : #31abfc : +190
214 : #3189fc : +200
224 : #3167fc : +210
234 : #3145fc : +220
244 : #3f31fc : +230
254 : #6031fc : +240
264 : #8231fc : +250
274 : #a431fc : +260
284 : #c631fc : +270
294 : #e831fc : +280
304 : #fc31ee : +290
314 : #fc31cd : +300
324 : #fc31ab : +310
334 : #fc3189 : +320
344 : #fc3167 : +330
354 : #fc3145 : +340
4 : #fc3f31 : -10
5 : #fc4231 : -9
6 : #fc4531 : -8
7 : #fc4931 : -7
8 : #fc4c31 : -6
9 : #fc4f31 : -5
10 : #fc5331 : -4
11 : #fc5631 : -3
12 : #fc5a31 : -2
13 : #fc5d31 : -1
14 : #fc6031 : ±0
15 : #fc6431 : +1
16 : #fc6731 : +2
17 : #fc6b31 : +3
18 : #fc6e31 : +4
19 : #fc7131 : +5
20 : #fc7531 : +6
21 : #fc7831 : +7
22 : #fc7b31 : +8
23 : #fc7f31 : +9
24 : #fc8231 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #979695 : -96
3 : #9a9593 : -94
5 : #9c9491 : -92
7 : #9e938f : -90
9 : #a0918d : -88
11 : #a2908b : -86
13 : #a48f89 : -84
15 : #a68e87 : -82
17 : #a88d85 : -80
19 : #aa8c83 : -78
21 : #ac8b80 : -76
23 : #ae8a7e : -74
25 : #b1897c : -72
27 : #b3877a : -70
29 : #b58678 : -68
31 : #b78576 : -66
33 : #b98474 : -64
35 : #bb8372 : -62
37 : #bd8270 : -60
39 : #bf816e : -58
41 : #c1806c : -56
43 : #c37e69 : -54
45 : #c57d67 : -52
47 : #c87c65 : -50
49 : #ca7b63 : -48
51 : #cc7a61 : -46
53 : #ce795f : -44
55 : #d0785d : -42
57 : #d2775b : -40
59 : #d47659 : -38
61 : #d67457 : -36
63 : #d87355 : -34
65 : #da7252 : -32
67 : #dc7150 : -30
69 : #df704e : -28
71 : #e16f4c : -26
73 : #e36e4a : -24
75 : #e56d48 : -22
77 : #e76c46 : -20
79 : #e96a44 : -18
81 : #eb6942 : -16
83 : #ed6840 : -14
85 : #ef673e : -12
87 : #f1663b : -10
89 : #f36539 : -8
91 : #f66437 : -6
93 : #f86335 : -4
95 : #fa6133 : -2
97 : #fc6031 : ±0
99 : #fe5f2f : +2
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -58
3 : #0f0400 : -56
5 : #190600 : -54
7 : #230901 : -52
9 : #2d0b01 : -50
11 : #370e01 : -48
13 : #411001 : -46
15 : #4b1201 : -44
17 : #551501 : -42
19 : #5f1701 : -40
21 : #691a02 : -38
23 : #741c02 : -36
25 : #7e1f02 : -34
27 : #882102 : -32
29 : #922402 : -30
31 : #9c2602 : -28
33 : #a62903 : -26
35 : #b02b03 : -24
37 : #ba2e03 : -22
39 : #c43003 : -20
41 : #ce3203 : -18
43 : #d83503 : -16
45 : #e23703 : -14
47 : #ec3a04 : -12
49 : #f63c04 : -10
51 : #fb4109 : -8
53 : #fb4913 : -6
55 : #fc511d : -4
57 : #fc5927 : -2
59 : #fc6031 : ±0
61 : #fc683b : +2
63 : #fc7045 : +4
65 : #fc784f : +6
67 : #fc7f59 : +8
69 : #fd8763 : +10
71 : #fd8f6d : +12
73 : #fd9777 : +14
75 : #fd9e81 : +16
77 : #fda68b : +18
79 : #fdae96 : +20
81 : #feb5a0 : +22
83 : #febdaa : +24
85 : #fec5b4 : +26
87 : #fecdbe : +28
89 : #fed4c8 : +30
91 : #fedcd2 : +32
93 : #fee4dc : +34
95 : #ffece6 : +36
97 : #fff3f0 : +38
99 : #fffbfa : +40
CSS入門、作ってます。
text-shadow