#0c5550
RGB
| 赤 | 12 |
|---|---|
| 緑 | 85 |
| 青 | 80 |
HSL
| 色相 | 176° |
|---|---|
| 彩度 | 75% |
| 明度 | 19% |
| 輝度 | 25% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 12, 緑 = 85, 青 = 80 )
HSL ( 色相 = 176°, 彩度 = 75%, 明度 = 19% )
H : 色相 ( 176° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #55130c : -170
16 : #551f0c : -160
26 : #552c0c : -150
36 : #55380c : -140
46 : #55440c : -130
56 : #55500c : -120
66 : #4e550c : -110
76 : #41550c : -100
86 : #35550c : -90
96 : #29550c : -80
106 : #1d550c : -70
116 : #11550c : -60
126 : #0c5513 : -50
136 : #0c551f : -40
146 : #0c552c : -30
156 : #0c5538 : -20
166 : #0c5544 : -10
176 : #0c5550 : ±0
186 : #0c4e55 : +10
196 : #0c4155 : +20
206 : #0c3555 : +30
216 : #0c2955 : +40
226 : #0c1d55 : +50
236 : #0c1155 : +60
246 : #130c55 : +70
256 : #1f0c55 : +80
266 : #2c0c55 : +90
276 : #380c55 : +100
286 : #440c55 : +110
296 : #500c55 : +120
306 : #550c4e : +130
316 : #550c41 : +140
326 : #550c35 : +150
336 : #550c29 : +160
346 : #550c1d : +170
356 : #550c11 : +180
166 : #0c5544 : -10
167 : #0c5545 : -9
168 : #0c5546 : -8
169 : #0c5547 : -7
170 : #0c5549 : -6
171 : #0c554a : -5
172 : #0c554b : -4
173 : #0c554c : -3
174 : #0c554e : -2
175 : #0c554f : -1
176 : #0c5550 : ±0
177 : #0c5551 : +1
178 : #0c5552 : +2
179 : #0c5554 : +3
180 : #0c5555 : +4
181 : #0c5455 : +5
182 : #0c5255 : +6
183 : #0c5155 : +7
184 : #0c5055 : +8
185 : #0c4f55 : +9
186 : #0c4e55 : +10
S : 彩度 ( 75% )
(0%) 渋い ～ 鮮やか (100%)
1 : #303131 : -74
3 : #2f3232 : -72
5 : #2e3333 : -70
7 : #2d3433 : -68
9 : #2c3534 : -66
11 : #2b3635 : -64
13 : #2a3736 : -62
15 : #293837 : -60
17 : #283938 : -58
19 : #273a38 : -56
21 : #263b39 : -54
23 : #253c3a : -52
25 : #243d3b : -50
27 : #233e3c : -48
29 : #223f3d : -46
31 : #213f3d : -44
33 : #20403e : -42
35 : #1f413f : -40
37 : #1f4240 : -38
39 : #1e4341 : -36
41 : #1d4442 : -34
43 : #1c4543 : -32
45 : #1b4643 : -30
47 : #1a4744 : -28
49 : #194845 : -26
51 : #184946 : -24
53 : #174a47 : -22
55 : #164b48 : -20
57 : #154c48 : -18
59 : #144d49 : -16
61 : #134e4a : -14
63 : #124f4b : -12
65 : #11504c : -10
67 : #10514d : -8
69 : #0f524d : -6
71 : #0e534e : -4
73 : #0d544f : -2
75 : #0c5550 : ±0
77 : #0b5651 : +2
79 : #0a5752 : +4
81 : #095852 : +6
83 : #085953 : +8
85 : #075a54 : +10
87 : #065b55 : +12
89 : #055c56 : +14
91 : #045d57 : +16
93 : #035e58 : +18
95 : #025e58 : +20
97 : #015f59 : +22
99 : #00605a : +24
L : 明度 ( 19% )
(0%) 暗い ～ 明るい (100%)
1 : #010404 : -18
3 : #020d0d : -16
5 : #031615 : -14
7 : #041f1d : -12
9 : #062826 : -10
11 : #07312e : -8
13 : #083a37 : -6
15 : #0a433f : -4
17 : #0b4c48 : -2
19 : #0c5550 : ±0
21 : #0d5e58 : +2
23 : #0f6761 : +4
25 : #107069 : +6
27 : #117872 : +8
29 : #12817a : +10
31 : #148a82 : +12
33 : #15938b : +14
35 : #169c93 : +16
37 : #18a59c : +18
39 : #19aea4 : +20
41 : #1ab7ad : +22
43 : #1bc0b5 : +24
45 : #1dc9bd : +26
47 : #1ed2c6 : +28
49 : #1fdbce : +30
51 : #24e0d3 : +32
53 : #2de1d5 : +34
55 : #36e2d7 : +36
57 : #3fe4d9 : +38
59 : #48e5da : +40
61 : #51e6dc : +42
63 : #5ae7de : +44
65 : #63e9e0 : +46
67 : #6ceae2 : +48
69 : #75ebe3 : +50
71 : #7eede5 : +52
73 : #87eee7 : +54
75 : #8fefe9 : +56
77 : #98f0ea : +58
79 : #a1f2ec : +60
81 : #aaf3ee : +62
83 : #b3f4f0 : +64
85 : #bcf5f2 : +66
87 : #c5f7f3 : +68
89 : #cef8f5 : +70
91 : #d7f9f7 : +72
93 : #e0fbf9 : +74
95 : #e9fcfb : +76
97 : #f2fdfc : +78
99 : #fbfefe : +80
CSS入門、作ってます。
text-shadow