#ee5f2f
RGB
赤 | 238 |
---|---|
緑 | 95 |
青 | 47 |
HSL
色相 | 15° |
---|---|
彩度 | 85% |
明度 | 56% |
輝度 | 52% |
3桁の色
補色
反転色
RGB ( 赤 = 238, 緑 = 95, 青 = 47 )
HSL ( 色相 = 15°, 彩度 = 85%, 明度 = 56% )
H : 色相 ( 15° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ee3f2f : -10
15 : #ee5f2f : ±0
25 : #ee7f2f : +10
35 : #ee9f2f : +20
45 : #eebe2f : +30
55 : #eede2f : +40
65 : #deee2f : +50
75 : #beee2f : +60
85 : #9fee2f : +70
95 : #7fee2f : +80
105 : #5fee2f : +90
115 : #3fee2f : +100
125 : #2fee3f : +110
135 : #2fee5f : +120
145 : #2fee7f : +130
155 : #2fee9f : +140
165 : #2feebe : +150
175 : #2feede : +160
185 : #2fdeee : +170
195 : #2fbeee : +180
205 : #2f9fee : +190
215 : #2f7fee : +200
225 : #2f5fee : +210
235 : #2f3fee : +220
245 : #3f2fee : +230
255 : #5f2fee : +240
265 : #7f2fee : +250
275 : #9f2fee : +260
285 : #be2fee : +270
295 : #de2fee : +280
305 : #ee2fde : +290
315 : #ee2fbe : +300
325 : #ee2f9f : +310
335 : #ee2f7f : +320
345 : #ee2f5f : +330
355 : #ee2f3f : +340
5 : #ee3f2f : -10
6 : #ee432f : -9
7 : #ee462f : -8
8 : #ee492f : -7
9 : #ee4c2f : -6
10 : #ee4f2f : -5
11 : #ee522f : -4
12 : #ee562f : -3
13 : #ee592f : -2
14 : #ee5c2f : -1
15 : #ee5f2f : ±0
16 : #ee622f : +1
17 : #ee652f : +2
18 : #ee692f : +3
19 : #ee6c2f : +4
20 : #ee6f2f : +5
21 : #ee722f : +6
22 : #ee752f : +7
23 : #ee792f : +8
24 : #ee7c2f : +9
25 : #ee7f2f : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #908e8e : -84
3 : #928d8b : -82
5 : #948c89 : -80
7 : #978b87 : -78
9 : #998a85 : -76
11 : #9b8982 : -74
13 : #9d8880 : -72
15 : #a0867e : -70
17 : #a2857c : -68
19 : #a48479 : -66
21 : #a68377 : -64
23 : #a98275 : -62
25 : #ab8173 : -60
27 : #ad8071 : -58
29 : #af7f6e : -56
31 : #b27d6c : -54
33 : #b47c6a : -52
35 : #b67b68 : -50
37 : #b87a65 : -48
39 : #bb7963 : -46
41 : #bd7861 : -44
43 : #bf775f : -42
45 : #c1765c : -40
47 : #c4745a : -38
49 : #c67358 : -36
51 : #c87256 : -34
53 : #ca7153 : -32
55 : #cd7051 : -30
57 : #cf6f4f : -28
59 : #d16e4d : -26
61 : #d36d4a : -24
63 : #d56b48 : -22
65 : #d86a46 : -20
67 : #da6944 : -18
69 : #dc6841 : -16
71 : #de673f : -14
73 : #e1663d : -12
75 : #e3653b : -10
77 : #e56438 : -8
79 : #e76236 : -6
81 : #ea6134 : -4
83 : #ec6032 : -2
85 : #ee5f2f : ±0
87 : #f05e2d : +2
89 : #f35d2b : +4
91 : #f55c29 : +6
93 : #f75b26 : +8
95 : #f95a24 : +10
97 : #fc5822 : +12
99 : #fe5720 : +14
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #090301 : -54
4 : #130602 : -52
6 : #1c0902 : -50
8 : #260c03 : -48
10 : #2f0f04 : -46
12 : #391205 : -44
14 : #421505 : -42
16 : #4b1706 : -40
18 : #551a07 : -38
20 : #5e1d08 : -36
22 : #682008 : -34
24 : #712309 : -32
26 : #7b260a : -30
28 : #84290b : -28
30 : #8e2c0b : -26
32 : #972f0c : -24
34 : #a0320d : -22
36 : #aa350e : -20
38 : #b3380f : -18
40 : #bd3b0f : -16
42 : #c63e10 : -14
44 : #d04111 : -12
46 : #d94312 : -10
48 : #e24612 : -8
50 : #ec4913 : -6
52 : #ed511d : -4
54 : #ed5826 : -2
56 : #ee5f2f : ±0
58 : #ef6639 : +2
60 : #f06e42 : +4
62 : #f0754c : +6
64 : #f17c55 : +8
66 : #f2835f : +10
68 : #f38b68 : +12
70 : #f49271 : +14
72 : #f4997b : +16
74 : #f5a184 : +18
76 : #f6a88e : +20
78 : #f7af97 : +22
80 : #f7b6a1 : +24
82 : #f8beaa : +26
84 : #f9c5b4 : +28
86 : #faccbd : +30
88 : #fad3c6 : +32
90 : #fbdbd0 : +34
92 : #fce2d9 : +36
94 : #fde9e3 : +38
96 : #fdf0ec : +40
98 : #fef8f6 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow