#f56042
RGB ( 赤 = 245, 緑 = 96, 青 = 66 )
HSL ( 色相 = 10°, 彩度 = 90%, 明度 = 61% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #f54242 : -10
10 : #f56042 : ±0
20 : #f57e42 : +10
30 : #f59c42 : +20
40 : #f5b942 : +30
50 : #f5d742 : +40
60 : #f5f542 : +50
70 : #d7f542 : +60
80 : #b9f542 : +70
90 : #9cf542 : +80
100 : #7ef542 : +90
110 : #60f542 : +100
120 : #42f542 : +110
130 : #42f560 : +120
140 : #42f57e : +130
150 : #42f59c : +140
160 : #42f5b9 : +150
170 : #42f5d7 : +160
180 : #42f5f5 : +170
190 : #42d7f5 : +180
200 : #42b9f5 : +190
210 : #429cf5 : +200
220 : #427ef5 : +210
230 : #4260f5 : +220
240 : #4242f5 : +230
250 : #6042f5 : +240
260 : #7e42f5 : +250
270 : #9c42f5 : +260
280 : #b942f5 : +270
290 : #d742f5 : +280
300 : #f542f5 : +290
310 : #f542d7 : +300
320 : #f542b9 : +310
330 : #f5429c : +320
340 : #f5427e : +330
350 : #f54260 : +340
0 : #f54242 : -10
1 : #f54542 : -9
2 : #f54842 : -8
3 : #f54b42 : -7
4 : #f54e42 : -6
5 : #f55142 : -5
6 : #f55442 : -4
7 : #f55742 : -3
8 : #f55a42 : -2
9 : #f55d42 : -1
10 : #f56042 : ±0
11 : #f56342 : +1
12 : #f56642 : +2
13 : #f56942 : +3
14 : #f56c42 : +4
15 : #f56f42 : +5
16 : #f57242 : +6
17 : #f57542 : +7
18 : #f57842 : +8
19 : #f57b42 : +9
20 : #f57e42 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #9b9b9b : -90
2 : #9e9a9a : -88
4 : #a09998 : -86
6 : #a29896 : -84
8 : #a49694 : -82
10 : #a59592 : -80
12 : #a79490 : -78
14 : #a9928e : -76
16 : #ab918c : -74
18 : #ad908a : -72
20 : #af8e88 : -70
22 : #b18d86 : -68
24 : #b38c84 : -66
26 : #b58a82 : -64
28 : #b78980 : -62
30 : #b9887e : -60
32 : #bb867c : -58
34 : #bd857a : -56
36 : #bf8478 : -54
38 : #c18276 : -52
40 : #c38174 : -50
42 : #c58072 : -48
44 : #c77e70 : -46
46 : #c97d6e : -44
48 : #cb7c6c : -42
50 : #cd7a6a : -40
52 : #cf7968 : -38
54 : #d17866 : -36
56 : #d37664 : -34
58 : #d57562 : -32
60 : #d77460 : -30
62 : #d9725e : -28
64 : #db715c : -26
66 : #dd705a : -24
68 : #df6e58 : -22
70 : #e16d56 : -20
72 : #e36c54 : -18
74 : #e56a52 : -16
76 : #e76950 : -14
78 : #e9684e : -12
80 : #eb674c : -10
82 : #ed654a : -8
84 : #ef6448 : -6
86 : #f16346 : -4
88 : #f36144 : -2
90 : #f56042 : ±0
92 : #f75f40 : +2
94 : #f95d3e : +4
96 : #fb5c3c : +6
98 : #fd5b3a : +8
100 : #ff5938 : +10
L : 明度 ( 61% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -60
3 : #0f0301 : -58
5 : #180501 : -56
7 : #220702 : -54
9 : #2c0902 : -52
11 : #350b03 : -50
13 : #3f0d03 : -48
15 : #490f04 : -46
17 : #521104 : -44
19 : #5c1305 : -42
21 : #661505 : -40
23 : #6f1706 : -38
25 : #791a06 : -36
27 : #831c07 : -34
29 : #8d1e07 : -32
31 : #962008 : -30
33 : #a02208 : -28
35 : #aa2409 : -26
37 : #b32609 : -24
39 : #bd280a : -22
41 : #c72a0a : -20
43 : #d02c0b : -18
45 : #da2e0b : -16
47 : #e4300c : -14
49 : #ed320c : -12
51 : #f33712 : -10
53 : #f33f1b : -8
55 : #f44725 : -6
57 : #f4502f : -4
59 : #f55838 : -2
61 : #f56042 : ±0
63 : #f6684c : +2
65 : #f67055 : +4
67 : #f7785f : +6
69 : #f78169 : +8
71 : #f88972 : +10
73 : #f8917c : +12
75 : #f99986 : +14
77 : #f9a190 : +16
79 : #faa999 : +18
81 : #fab1a3 : +20
83 : #fbbaad : +22
85 : #fbc2b6 : +24
87 : #fccac0 : +26
89 : #fcd2ca : +28
91 : #fddad3 : +30
93 : #fde2dd : +32
95 : #feebe7 : +34
97 : #fef3f0 : +36
99 : #fffbfa : +38
CSS入門、作ってます。
text-shadow