#b44b46
RGB
赤 | 180 |
---|---|
緑 | 75 |
青 | 70 |
HSL
色相 | 3° |
---|---|
彩度 | 44% |
明度 | 49% |
輝度 | 42% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 180, 緑 = 75, 青 = 70 )
HSL ( 色相 = 3°, 彩度 = 44%, 明度 = 49% )
H : 色相 ( 3° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #b44b46 : ±0
13 : #b45e46 : +10
23 : #b47046 : +20
33 : #b48246 : +30
43 : #b49546 : +40
53 : #b4a746 : +50
63 : #aeb446 : +60
73 : #9cb446 : +70
83 : #8ab446 : +80
93 : #77b446 : +90
103 : #65b446 : +100
113 : #53b446 : +110
123 : #46b44b : +120
133 : #46b45e : +130
143 : #46b470 : +140
153 : #46b482 : +150
163 : #46b495 : +160
173 : #46b4a7 : +170
183 : #46aeb4 : +180
193 : #469cb4 : +190
203 : #468ab4 : +200
213 : #4677b4 : +210
223 : #4665b4 : +220
233 : #4653b4 : +230
243 : #4b46b4 : +240
253 : #5e46b4 : +250
263 : #7046b4 : +260
273 : #8246b4 : +270
283 : #9546b4 : +280
293 : #a746b4 : +290
303 : #b446ae : +300
313 : #b4469c : +310
323 : #b4468a : +320
333 : #b44677 : +330
343 : #b44665 : +340
353 : #b44653 : +350
353 : #b44653 : +350
354 : #b44651 : +351
355 : #b4464f : +352
356 : #b4464d : +353
357 : #b4464b : +354
358 : #b4464a : +355
359 : #b44648 : +356
0 : #b44646 : -3
1 : #b44846 : -2
2 : #b44a46 : -1
3 : #b44b46 : ±0
4 : #b44d46 : +1
5 : #b44f46 : +2
6 : #b45146 : +3
7 : #b45346 : +4
8 : #b45546 : +5
9 : #b45646 : +6
10 : #b45846 : +7
11 : #b45a46 : +8
12 : #b45c46 : +9
13 : #b45e46 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -44
2 : #7f7b7a : -42
4 : #827878 : -40
6 : #847675 : -38
8 : #877473 : -36
10 : #897270 : -34
12 : #8c6f6e : -32
14 : #8e6d6b : -30
16 : #916b69 : -28
18 : #936966 : -26
20 : #966664 : -24
22 : #986461 : -22
24 : #9b625f : -20
26 : #9d605c : -18
28 : #a05d5a : -16
30 : #a25b57 : -14
32 : #a55955 : -12
34 : #a75752 : -10
36 : #aa5450 : -8
38 : #ac524d : -6
40 : #af504b : -4
42 : #b14e48 : -2
44 : #b44b46 : ±0
46 : #b64943 : +2
48 : #b94741 : +4
50 : #bb453e : +6
52 : #be423c : +8
54 : #c04039 : +10
56 : #c33e37 : +12
58 : #c53c34 : +14
60 : #c83932 : +16
62 : #ca372f : +18
64 : #cd352d : +20
66 : #cf332a : +22
68 : #d23028 : +24
70 : #d42e25 : +26
72 : #d72c23 : +28
74 : #d92a20 : +30
76 : #dc271e : +32
78 : #de251b : +34
80 : #e12319 : +36
82 : #e32116 : +38
84 : #e61e14 : +40
86 : #e81c11 : +42
88 : #eb1a0f : +44
90 : #ed180c : +46
92 : #f0150a : +48
94 : #f21307 : +50
96 : #f51105 : +52
98 : #f70f02 : +54
100 : #fa0c00 : +56
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -48
3 : #0b0504 : -46
5 : #120807 : -44
7 : #1a0b0a : -42
9 : #210e0d : -40
11 : #281110 : -38
13 : #301413 : -36
15 : #371715 : -34
17 : #3e1a18 : -32
19 : #461d1b : -30
21 : #4d201e : -28
23 : #542321 : -26
25 : #5c2724 : -24
27 : #632a27 : -22
29 : #6a2d29 : -20
31 : #72302c : -18
33 : #79332f : -16
35 : #813632 : -14
37 : #883935 : -12
39 : #8f3c38 : -10
41 : #973f3b : -8
43 : #9e423d : -6
45 : #a54540 : -4
47 : #ad4843 : -2
49 : #b44b46 : ±0
51 : #b9514b : +2
53 : #bc5852 : +4
55 : #bf5f5a : +6
57 : #c26661 : +8
59 : #c46d68 : +10
61 : #c77470 : +12
63 : #ca7b77 : +14
65 : #cd827e : +16
67 : #d08a86 : +18
69 : #d3918d : +20
71 : #d69895 : +22
73 : #d89f9c : +24
75 : #dba6a3 : +26
77 : #deadab : +28
79 : #e1b4b2 : +30
81 : #e4bbb9 : +32
83 : #e7c2c1 : +34
85 : #eacac8 : +36
87 : #ecd1cf : +38
89 : #efd8d7 : +40
91 : #f2dfde : +42
93 : #f5e6e5 : +44
95 : #f8eded : +46
97 : #fbf4f4 : +48
99 : #fefbfb : +50
CSS入門、作ってます。
text-shadow