#fd2521
RGB
赤 | 253 |
---|---|
緑 | 37 |
青 | 33 |
HSL
色相 | 1° |
---|---|
彩度 | 98% |
明度 | 56% |
輝度 | 40% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 253, 緑 = 37, 青 = 33 )
HSL ( 色相 = 1°, 彩度 = 98%, 明度 = 56% )
H : 色相 ( 1° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fd2521 : ±0
11 : #fd4921 : +10
21 : #fd6e21 : +20
31 : #fd9221 : +30
41 : #fdb721 : +40
51 : #fddc21 : +50
61 : #f9fd21 : +60
71 : #d4fd21 : +70
81 : #b0fd21 : +80
91 : #8bfd21 : +90
101 : #66fd21 : +100
111 : #42fd21 : +110
121 : #21fd25 : +120
131 : #21fd49 : +130
141 : #21fd6e : +140
151 : #21fd92 : +150
161 : #21fdb7 : +160
171 : #21fddc : +170
181 : #21f9fd : +180
191 : #21d4fd : +190
201 : #21b0fd : +200
211 : #218bfd : +210
221 : #2166fd : +220
231 : #2142fd : +230
241 : #2521fd : +240
251 : #4921fd : +250
261 : #6e21fd : +260
271 : #9221fd : +270
281 : #b721fd : +280
291 : #dc21fd : +290
301 : #fd21f9 : +300
311 : #fd21d4 : +310
321 : #fd21b0 : +320
331 : #fd218b : +330
341 : #fd2166 : +340
351 : #fd2142 : +350
351 : #fd2142 : +350
352 : #fd213e : +351
353 : #fd213b : +352
354 : #fd2137 : +353
355 : #fd2133 : +354
356 : #fd2130 : +355
357 : #fd212c : +356
358 : #fd2128 : +357
359 : #fd2125 : +358
0 : #fd2121 : -1
1 : #fd2521 : ±0
2 : #fd2821 : +1
3 : #fd2c21 : +2
4 : #fd3021 : +3
5 : #fd3321 : +4
6 : #fd3721 : +5
7 : #fd3b21 : +6
8 : #fd3e21 : +7
9 : #fd4221 : +8
10 : #fd4521 : +9
11 : #fd4921 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -98
2 : #918d8d : -96
4 : #938a8a : -94
6 : #968888 : -92
8 : #988686 : -90
10 : #9a8484 : -88
12 : #9c8281 : -86
14 : #9f807f : -84
16 : #a17d7d : -82
18 : #a37b7b : -80
20 : #a57978 : -78
22 : #a77776 : -76
24 : #aa7574 : -74
26 : #ac7372 : -72
28 : #ae706f : -70
30 : #b06e6d : -68
32 : #b36c6b : -66
34 : #b56a69 : -64
36 : #b76866 : -62
38 : #b96664 : -60
40 : #bc6362 : -58
42 : #be6160 : -56
44 : #c05f5d : -54
46 : #c25d5b : -52
48 : #c55b59 : -50
50 : #c75957 : -48
52 : #c95654 : -46
54 : #cb5452 : -44
56 : #ce5250 : -42
58 : #d0504e : -40
60 : #d24e4b : -38
62 : #d44c49 : -36
64 : #d74947 : -34
66 : #d94745 : -32
68 : #db4543 : -30
70 : #dd4340 : -28
72 : #e0413e : -26
74 : #e23f3c : -24
76 : #e43c3a : -22
78 : #e63a37 : -20
80 : #e93835 : -18
82 : #eb3633 : -16
84 : #ed3431 : -14
86 : #ef322e : -12
88 : #f22f2c : -10
90 : #f42d2a : -8
92 : #f62b28 : -6
94 : #f82925 : -4
96 : #fb2723 : -2
98 : #fd2521 : ±0
100 : #ff221f : +2
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #0a0000 : -54
4 : #140100 : -52
6 : #1e0100 : -50
8 : #280100 : -48
10 : #320101 : -46
12 : #3d0201 : -44
14 : #470201 : -42
16 : #510201 : -40
18 : #5b0201 : -38
20 : #650301 : -36
22 : #6f0301 : -34
24 : #790301 : -32
26 : #830301 : -30
28 : #8d0401 : -28
30 : #970402 : -26
32 : #a20402 : -24
34 : #ac0502 : -22
36 : #b60502 : -20
38 : #c00502 : -18
40 : #ca0502 : -16
42 : #d40602 : -14
44 : #de0602 : -12
46 : #e80602 : -10
48 : #f20602 : -8
50 : #fc0703 : -6
52 : #fd110d : -4
54 : #fd1b17 : -2
56 : #fd2521 : ±0
58 : #fd2e2b : +2
60 : #fd3835 : +4
62 : #fd423f : +6
64 : #fd4c49 : +8
66 : #fd5653 : +10
68 : #fd605d : +12
70 : #fd6a68 : +14
72 : #fe7472 : +16
74 : #fe7e7c : +18
76 : #fe8886 : +20
78 : #fe9290 : +22
80 : #fe9c9a : +24
82 : #fea6a4 : +26
84 : #feb0ae : +28
86 : #feb9b8 : +30
88 : #fec3c2 : +32
90 : #fecdcd : +34
92 : #ffd7d7 : +36
94 : #ffe1e1 : +38
96 : #ffebeb : +40
98 : #fff5f5 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow