#f63b23
RGB ( 赤 = 246, 緑 = 59, 青 = 35 )
HSL ( 色相 = 7°, 彩度 = 92%, 明度 = 55% )
H : 色相 ( 7° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #f63b23 : ±0
17 : #f65f23 : +10
27 : #f68223 : +20
37 : #f6a523 : +30
47 : #f6c823 : +40
57 : #f6eb23 : +50
67 : #ddf623 : +60
77 : #baf623 : +70
87 : #97f623 : +80
97 : #74f623 : +90
107 : #50f623 : +100
117 : #2df623 : +110
127 : #23f63b : +120
137 : #23f65f : +130
147 : #23f682 : +140
157 : #23f6a5 : +150
167 : #23f6c8 : +160
177 : #23f6eb : +170
187 : #23ddf6 : +180
197 : #23baf6 : +190
207 : #2397f6 : +200
217 : #2374f6 : +210
227 : #2350f6 : +220
237 : #232df6 : +230
247 : #3b23f6 : +240
257 : #5f23f6 : +250
267 : #8223f6 : +260
277 : #a523f6 : +270
287 : #c823f6 : +280
297 : #eb23f6 : +290
307 : #f623dd : +300
317 : #f623ba : +310
327 : #f62397 : +320
337 : #f62374 : +330
347 : #f62350 : +340
357 : #f6232d : +350
357 : #f6232d : +350
358 : #f6232a : +351
359 : #f62326 : +352
0 : #f62323 : -7
1 : #f62623 : -6
2 : #f62a23 : -5
3 : #f62d23 : -4
4 : #f63123 : -3
5 : #f63423 : -2
6 : #f63823 : -1
7 : #f63b23 : ±0
8 : #f63f23 : +1
9 : #f64223 : +2
10 : #f64623 : +3
11 : #f64923 : +4
12 : #f64d23 : +5
13 : #f65023 : +6
14 : #f65423 : +7
15 : #f65723 : +8
16 : #f65b23 : +9
17 : #f65f23 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8c8c8c : -92
2 : #8f8a8a : -90
4 : #918988 : -88
6 : #938785 : -86
8 : #958583 : -84
10 : #988381 : -82
12 : #9a827e : -80
14 : #9c807c : -78
16 : #9f7e7a : -76
18 : #a17c78 : -74
20 : #a37b75 : -72
22 : #a57973 : -70
24 : #a87771 : -68
26 : #aa756e : -66
28 : #ac746c : -64
30 : #af726a : -62
32 : #b17068 : -60
34 : #b36e65 : -58
36 : #b66d63 : -56
38 : #b86b61 : -54
40 : #ba695e : -52
42 : #bc675c : -50
44 : #bf665a : -48
46 : #c16457 : -46
48 : #c36255 : -44
50 : #c66053 : -42
52 : #c85f51 : -40
54 : #ca5d4e : -38
56 : #cd5b4c : -36
58 : #cf594a : -34
60 : #d15747 : -32
62 : #d35645 : -30
64 : #d65443 : -28
66 : #d85241 : -26
68 : #da503e : -24
70 : #dd4f3c : -22
72 : #df4d3a : -20
74 : #e14b37 : -18
76 : #e34935 : -16
78 : #e64833 : -14
80 : #e84630 : -12
82 : #ea442e : -10
84 : #ed422c : -8
86 : #ef412a : -6
88 : #f13f27 : -4
90 : #f43d25 : -2
92 : #f63b23 : ±0
94 : #f83a20 : +2
96 : #fa381e : +4
98 : #fd361c : +6
100 : #ff341a : +8
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -54
3 : #0f0201 : -52
5 : #180401 : -50
7 : #220501 : -48
9 : #2c0702 : -46
11 : #360802 : -44
13 : #400a03 : -42
15 : #490b03 : -40
17 : #530d03 : -38
19 : #5d0e04 : -36
21 : #671004 : -34
23 : #711105 : -32
25 : #7a1305 : -30
27 : #841406 : -28
29 : #8e1606 : -26
31 : #981706 : -24
33 : #a21907 : -22
35 : #ab1a07 : -20
37 : #b51c08 : -18
39 : #bf1d08 : -16
41 : #c91f08 : -14
43 : #d32009 : -12
45 : #dc2209 : -10
47 : #e6230a : -8
49 : #f0250a : -6
51 : #f52a0f : -4
53 : #f53319 : -2
55 : #f63b23 : ±0
57 : #f6442c : +2
59 : #f74d36 : +4
61 : #f75540 : +6
63 : #f75e4a : +8
65 : #f86754 : +10
67 : #f86f5d : +12
69 : #f97867 : +14
71 : #f98171 : +16
73 : #f98a7b : +18
75 : #fa9285 : +20
77 : #fa9b8e : +22
79 : #fba498 : +24
81 : #fbaca2 : +26
83 : #fcb5ac : +28
85 : #fcbeb6 : +30
87 : #fcc6bf : +32
89 : #fdcfc9 : +34
91 : #fdd8d3 : +36
93 : #fee1dd : +38
95 : #fee9e7 : +40
97 : #fef2f0 : +42
99 : #fffbfa : +44
CSS入門、作ってます。
text-shadow