#eb3f0f
RGB
| 赤 | 235 |
|---|---|
| 緑 | 63 |
| 青 | 15 |
HSL
| 色相 | 13° |
|---|---|
| 彩度 | 88% |
| 明度 | 49% |
| 輝度 | 43% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 235, 緑 = 63, 青 = 15 )
HSL ( 色相 = 13°, 彩度 = 88%, 明度 = 49% )
H : 色相 ( 13° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #eb1a0f : -10
13 : #eb3f0f : ±0
23 : #eb630f : +10
33 : #eb880f : +20
43 : #ebad0f : +30
53 : #ebd10f : +40
63 : #e0eb0f : +50
73 : #bbeb0f : +60
83 : #97eb0f : +70
93 : #72eb0f : +80
103 : #4deb0f : +90
113 : #29eb0f : +100
123 : #0feb1a : +110
133 : #0feb3f : +120
143 : #0feb63 : +130
153 : #0feb88 : +140
163 : #0febad : +150
173 : #0febd1 : +160
183 : #0fe0eb : +170
193 : #0fbbeb : +180
203 : #0f97eb : +190
213 : #0f72eb : +200
223 : #0f4deb : +210
233 : #0f29eb : +220
243 : #1a0feb : +230
253 : #3f0feb : +240
263 : #630feb : +250
273 : #880feb : +260
283 : #ad0feb : +270
293 : #d10feb : +280
303 : #eb0fe0 : +290
313 : #eb0fbb : +300
323 : #eb0f97 : +310
333 : #eb0f72 : +320
343 : #eb0f4d : +330
353 : #eb0f29 : +340
3 : #eb1a0f : -10
4 : #eb1e0f : -9
5 : #eb210f : -8
6 : #eb250f : -7
7 : #eb290f : -6
8 : #eb2c0f : -5
9 : #eb300f : -4
10 : #eb340f : -3
11 : #eb370f : -2
12 : #eb3b0f : -1
13 : #eb3f0f : ±0
14 : #eb420f : +1
15 : #eb460f : +2
16 : #eb4a0f : +3
17 : #eb4d0f : +4
18 : #eb510f : +5
19 : #eb550f : +6
20 : #eb580f : +7
21 : #eb5c0f : +8
22 : #eb600f : +9
23 : #eb630f : +10
S : 彩度 ( 88% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7c7c7c : -88
2 : #7f7c7a : -86
4 : #827a78 : -84
6 : #847975 : -82
8 : #877773 : -80
10 : #897670 : -78
12 : #8c746e : -76
14 : #8e736b : -74
16 : #917269 : -72
18 : #937066 : -70
20 : #966f64 : -68
22 : #986d61 : -66
24 : #9b6c5f : -64
26 : #9d6b5c : -62
28 : #a0695a : -60
30 : #a26857 : -58
32 : #a56655 : -56
34 : #a76552 : -54
36 : #aa6350 : -52
38 : #ac624d : -50
40 : #af614b : -48
42 : #b15f48 : -46
44 : #b45e46 : -44
46 : #b65c43 : -42
48 : #b95b41 : -40
50 : #bb5a3e : -38
52 : #be583c : -36
54 : #c05739 : -34
56 : #c35537 : -32
58 : #c55434 : -30
60 : #c85232 : -28
62 : #ca512f : -26
64 : #cd502d : -24
66 : #cf4e2a : -22
68 : #d24d28 : -20
70 : #d44b25 : -18
72 : #d74a23 : -16
74 : #d94920 : -14
76 : #dc471e : -12
78 : #de461b : -10
80 : #e14419 : -8
82 : #e34316 : -6
84 : #e64114 : -4
86 : #e84011 : -2
88 : #eb3f0f : ±0
90 : #ed3d0c : +2
92 : #f03c0a : +4
94 : #f23a07 : +6
96 : #f53905 : +8
98 : #f73802 : +10
100 : #fa3600 : +12
L : 明度 ( 49% )
(0%) 暗い ～ 明るい (100%)
1 : #050100 : -48
3 : #0e0401 : -46
5 : #180602 : -44
7 : #220902 : -42
9 : #2b0c03 : -40
11 : #350e03 : -38
13 : #3e1104 : -36
15 : #481305 : -34
17 : #511605 : -32
19 : #5b1806 : -30
21 : #651b06 : -28
23 : #6e1d07 : -26
25 : #782008 : -24
27 : #812308 : -22
29 : #8b2509 : -20
31 : #952809 : -18
33 : #9e2a0a : -16
35 : #a82d0b : -14
37 : #b12f0b : -12
39 : #bb320c : -10
41 : #c5340d : -8
43 : #ce370d : -6
45 : #d83a0e : -4
47 : #e13c0e : -2
49 : #eb3f0f : ±0
51 : #f04414 : +2
53 : #f14b1e : +4
55 : #f15327 : +6
57 : #f25b31 : +8
59 : #f2623a : +10
61 : #f36a44 : +12
63 : #f4724e : +14
65 : #f47957 : +16
67 : #f58161 : +18
69 : #f6896a : +20
71 : #f69074 : +22
73 : #f7987e : +24
75 : #f79f87 : +26
77 : #f8a791 : +28
79 : #f9af9a : +30
81 : #f9b6a4 : +32
83 : #fabeae : +34
85 : #fac6b7 : +36
87 : #fbcdc1 : +38
89 : #fcd5ca : +40
91 : #fcddd4 : +42
93 : #fde4dd : +44
95 : #fdece7 : +46
97 : #fef4f1 : +48
99 : #fffbfa : +50
CSS入門、作ってます。
text-shadow