#368756
RGB
赤 | 54 |
---|---|
緑 | 135 |
青 | 86 |
HSL
色相 | 144° |
---|---|
彩度 | 43% |
明度 | 37% |
輝度 | 41% |
3桁の色
補色
反転色
RGB ( 赤 = 54, 緑 = 135, 青 = 86 )
HSL ( 色相 = 144°, 彩度 = 43%, 明度 = 37% )
H : 色相 ( 144° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #873b36 : -140
14 : #874936 : -130
24 : #875636 : -120
34 : #876436 : -110
44 : #877136 : -100
54 : #877f36 : -90
64 : #828736 : -80
74 : #748736 : -70
84 : #668736 : -60
94 : #598736 : -50
104 : #4b8736 : -40
114 : #3e8736 : -30
124 : #36873b : -20
134 : #368749 : -10
144 : #368756 : ±0
154 : #368764 : +10
164 : #368771 : +20
174 : #36877f : +30
184 : #368287 : +40
194 : #367487 : +50
204 : #366687 : +60
214 : #365987 : +70
224 : #364b87 : +80
234 : #363e87 : +90
244 : #3b3687 : +100
254 : #493687 : +110
264 : #563687 : +120
274 : #643687 : +130
284 : #713687 : +140
294 : #7f3687 : +150
304 : #873682 : +160
314 : #873674 : +170
324 : #873666 : +180
334 : #873659 : +190
344 : #87364b : +200
354 : #87363e : +210
134 : #368749 : -10
135 : #36874a : -9
136 : #36874b : -8
137 : #36874d : -7
138 : #36874e : -6
139 : #36874f : -5
140 : #368751 : -4
141 : #368752 : -3
142 : #368754 : -2
143 : #368755 : -1
144 : #368756 : ±0
145 : #368758 : +1
146 : #368759 : +2
147 : #36875a : +3
148 : #36875c : +4
149 : #36875d : +5
150 : #36875e : +6
151 : #368760 : +7
152 : #368761 : +8
153 : #368762 : +9
154 : #368764 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5f5e : -42
3 : #5c615e : -40
5 : #5a635d : -38
7 : #58655d : -36
9 : #56675d : -34
11 : #54695c : -32
13 : #526b5c : -30
15 : #506d5c : -28
17 : #4e6e5b : -26
19 : #4c705b : -24
21 : #4b725a : -22
23 : #49745a : -20
25 : #47765a : -18
27 : #457859 : -16
29 : #437a59 : -14
31 : #417c59 : -12
33 : #3f7d58 : -10
35 : #3d7f58 : -8
37 : #3b8157 : -6
39 : #3a8357 : -4
41 : #388557 : -2
43 : #368756 : ±0
45 : #348956 : +2
47 : #328b55 : +4
49 : #308d55 : +6
51 : #2e8e55 : +8
53 : #2c9054 : +10
55 : #2a9254 : +12
57 : #299454 : +14
59 : #279653 : +16
61 : #259853 : +18
63 : #239a52 : +20
65 : #219c52 : +22
67 : #1f9e52 : +24
69 : #1d9f51 : +26
71 : #1ba151 : +28
73 : #19a351 : +30
75 : #18a550 : +32
77 : #16a750 : +34
79 : #14a94f : +36
81 : #12ab4f : +38
83 : #10ad4f : +40
85 : #0eaf4e : +42
87 : #0cb04e : +44
89 : #0ab24e : +46
91 : #08b44d : +48
93 : #07b64d : +50
95 : #05b84c : +52
97 : #03ba4c : +54
99 : #01bc4c : +56
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #010402 : -36
3 : #040b07 : -34
5 : #07120c : -32
7 : #0a1a10 : -30
9 : #0d2115 : -28
11 : #10281a : -26
13 : #132f1e : -24
15 : #163723 : -22
17 : #193e28 : -20
19 : #1c452c : -18
21 : #1f4d31 : -16
23 : #215436 : -14
25 : #245b3a : -12
27 : #27623f : -10
29 : #2a6a44 : -8
31 : #2d7148 : -6
33 : #30784d : -4
35 : #338052 : -2
37 : #368756 : ±0
39 : #398e5b : +2
41 : #3c9660 : +4
43 : #3f9d64 : +6
45 : #41a469 : +8
47 : #44ab6e : +10
49 : #47b372 : +12
51 : #4cb877 : +14
53 : #54bb7d : +16
55 : #5bbe82 : +18
57 : #62c088 : +20
59 : #69c38d : +22
61 : #71c693 : +24
63 : #78c999 : +26
65 : #7fcc9e : +28
67 : #87cfa4 : +30
69 : #8ed2a9 : +32
71 : #95d5af : +34
73 : #9dd8b4 : +36
75 : #a4dbba : +38
77 : #abdebf : +40
79 : #b2e0c5 : +42
81 : #bae3ca : +44
83 : #c1e6d0 : +46
85 : #c8e9d5 : +48
87 : #d0ecdb : +50
89 : #d7efe1 : +52
91 : #def2e6 : +54
93 : #e5f5ec : +56
95 : #edf8f1 : +58
97 : #f4fbf7 : +60
99 : #fbfefc : +62
CSS入門、作ってます。
text-shadow