#f2551c
RGB
| 赤 | 242 |
|---|---|
| 緑 | 85 |
| 青 | 28 |
HSL
| 色相 | 16° |
|---|---|
| 彩度 | 89% |
| 明度 | 53% |
| 輝度 | 49% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 242, 緑 = 85, 青 = 28 )
HSL ( 色相 = 16°, 彩度 = 89%, 明度 = 53% )
H : 色相 ( 16° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #f2321c : -10
16 : #f2551c : ±0
26 : #f2791c : +10
36 : #f29c1c : +20
46 : #f2c01c : +30
56 : #f2e41c : +40
66 : #dcf21c : +50
76 : #b9f21c : +60
86 : #95f21c : +70
96 : #72f21c : +80
106 : #4ef21c : +90
116 : #2bf21c : +100
126 : #1cf232 : +110
136 : #1cf255 : +120
146 : #1cf279 : +130
156 : #1cf29c : +140
166 : #1cf2c0 : +150
176 : #1cf2e4 : +160
186 : #1cdcf2 : +170
196 : #1cb9f2 : +180
206 : #1c95f2 : +190
216 : #1c72f2 : +200
226 : #1c4ef2 : +210
236 : #1c2bf2 : +220
246 : #321cf2 : +230
256 : #551cf2 : +240
266 : #791cf2 : +250
276 : #9c1cf2 : +260
286 : #c01cf2 : +270
296 : #e41cf2 : +280
306 : #f21cdc : +290
316 : #f21cb9 : +300
326 : #f21c95 : +310
336 : #f21c72 : +320
346 : #f21c4e : +330
356 : #f21c2b : +340
6 : #f2321c : -10
7 : #f2351c : -9
8 : #f2391c : -8
9 : #f23c1c : -7
10 : #f2401c : -6
11 : #f2441c : -5
12 : #f2471c : -4
13 : #f24b1c : -3
14 : #f24e1c : -2
15 : #f2521c : -1
16 : #f2551c : ±0
17 : #f2591c : +1
18 : #f25c1c : +2
19 : #f2601c : +3
20 : #f2641c : +4
21 : #f2671c : +5
22 : #f26b1c : +6
23 : #f26e1c : +7
24 : #f2721c : +8
25 : #f2751c : +9
26 : #f2791c : +10
S : 彩度 ( 89% )
(0%) 渋い ～ 鮮やか (100%)
1 : #888786 : -88
3 : #8b8584 : -86
5 : #8d8481 : -84
7 : #90837f : -82
9 : #92827c : -80
11 : #94817a : -78
13 : #978078 : -76
15 : #997f75 : -74
17 : #9c7e73 : -72
19 : #9e7d70 : -70
21 : #a07b6e : -68
23 : #a37a6c : -66
25 : #a57969 : -64
27 : #a87867 : -62
29 : #aa7764 : -60
31 : #ac7662 : -58
33 : #af7560 : -56
35 : #b1745d : -54
37 : #b3725b : -52
39 : #b67158 : -50
41 : #b87056 : -48
43 : #bb6f54 : -46
45 : #bd6e51 : -44
47 : #bf6d4f : -42
49 : #c26c4c : -40
51 : #c46b4a : -38
53 : #c76a48 : -36
55 : #c96845 : -34
57 : #cb6743 : -32
59 : #ce6640 : -30
61 : #d0653e : -28
63 : #d3643c : -26
65 : #d56339 : -24
67 : #d76237 : -22
69 : #da6134 : -20
71 : #dc5f32 : -18
73 : #df5e30 : -16
75 : #e15d2d : -14
77 : #e35c2b : -12
79 : #e65b28 : -10
81 : #e85a26 : -8
83 : #eb5924 : -6
85 : #ed5821 : -4
87 : #ef561f : -2
89 : #f2551c : ±0
91 : #f4541a : +2
93 : #f75318 : +4
95 : #f95215 : +6
97 : #fb5113 : +8
99 : #fe5010 : +10
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #050100 : -52
3 : #0e0401 : -50
5 : #180701 : -48
7 : #220a02 : -46
9 : #2b0d03 : -44
11 : #351003 : -42
13 : #3f1304 : -40
15 : #481604 : -38
17 : #521905 : -36
19 : #5c1c05 : -34
21 : #651f06 : -32
23 : #6f2206 : -30
25 : #782507 : -28
27 : #822808 : -26
29 : #8c2b08 : -24
31 : #952e09 : -22
33 : #9f3109 : -20
35 : #a9340a : -18
37 : #b2370a : -16
39 : #bc3a0b : -14
41 : #c63d0c : -12
43 : #cf400c : -10
45 : #d9430d : -8
47 : #e3460d : -6
49 : #ec490e : -4
51 : #f14e13 : -2
53 : #f2551c : ±0
55 : #f25d26 : +2
57 : #f36430 : +4
59 : #f36b39 : +6
61 : #f47243 : +8
63 : #f5794d : +10
65 : #f58156 : +12
67 : #f68860 : +14
69 : #f68f6a : +16
71 : #f79673 : +18
73 : #f79e7d : +20
75 : #f8a587 : +22
77 : #f9ac90 : +24
79 : #f9b39a : +26
81 : #fabaa3 : +28
83 : #fac2ad : +30
85 : #fbc9b7 : +32
87 : #fbd0c0 : +34
89 : #fcd7ca : +36
91 : #fcdfd4 : +38
93 : #fde6dd : +40
95 : #feede7 : +42
97 : #fef4f1 : +44
99 : #fffbfa : +46
CSS入門、作ってます。
text-shadow