#365e4b
RGB
| 赤 | 54 |
|---|---|
| 緑 | 94 |
| 青 | 75 |
HSL
| 色相 | 152° |
|---|---|
| 彩度 | 27% |
| 明度 | 29% |
| 輝度 | 31% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 54, 緑 = 94, 青 = 75 )
HSL ( 色相 = 152°, 彩度 = 27%, 明度 = 29% )
H : 色相 ( 152° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #5e3736 : -150
12 : #5e3e36 : -140
22 : #5e4536 : -130
32 : #5e4b36 : -120
42 : #5e5236 : -110
52 : #5e5936 : -100
62 : #5d5e36 : -90
72 : #565e36 : -80
82 : #4f5e36 : -70
92 : #495e36 : -60
102 : #425e36 : -50
112 : #3b5e36 : -40
122 : #365e37 : -30
132 : #365e3e : -20
142 : #365e45 : -10
152 : #365e4b : ±0
162 : #365e52 : +10
172 : #365e59 : +20
182 : #365d5e : +30
192 : #36565e : +40
202 : #364f5e : +50
212 : #36495e : +60
222 : #36425e : +70
232 : #363b5e : +80
242 : #37365e : +90
252 : #3e365e : +100
262 : #45365e : +110
272 : #4b365e : +120
282 : #52365e : +130
292 : #59365e : +140
302 : #5e365d : +150
312 : #5e3656 : +160
322 : #5e364f : +170
332 : #5e3649 : +180
342 : #5e3642 : +190
352 : #5e363b : +200
142 : #365e45 : -10
143 : #365e45 : -9
144 : #365e46 : -8
145 : #365e47 : -7
146 : #365e47 : -6
147 : #365e48 : -5
148 : #365e49 : -4
149 : #365e49 : -3
150 : #365e4a : -2
151 : #365e4b : -1
152 : #365e4b : ±0
153 : #365e4c : +1
154 : #365e4d : +2
155 : #365e4d : +3
156 : #365e4e : +4
157 : #365e4f : +5
158 : #365e4f : +6
159 : #365e50 : +7
160 : #365e51 : +8
161 : #365e51 : +9
162 : #365e52 : +10
S : 彩度 ( 27% )
(0%) 渋い ～ 鮮やか (100%)
1 : #494b4a : -26
3 : #484c4a : -24
5 : #464e4a : -22
7 : #454f4a : -20
9 : #43514a : -18
11 : #42524a : -16
13 : #40544b : -14
15 : #3f554b : -12
17 : #3d574b : -10
19 : #3c584b : -8
21 : #3a594b : -6
23 : #395b4b : -4
25 : #375c4b : -2
27 : #365e4b : ±0
29 : #355f4b : +2
31 : #33614b : +4
33 : #32624c : +6
35 : #30644c : +8
37 : #2f654c : +10
39 : #2d674c : +12
41 : #2c684c : +14
43 : #2a6a4c : +16
45 : #296b4c : +18
47 : #276d4c : +20
49 : #266e4c : +22
51 : #24704c : +24
53 : #23714d : +26
55 : #21734d : +28
57 : #20744d : +30
59 : #1e764d : +32
61 : #1d774d : +34
63 : #1b794d : +36
65 : #1a7a4d : +38
67 : #187b4d : +40
69 : #177d4d : +42
71 : #157e4d : +44
73 : #14804e : +46
75 : #12814e : +48
77 : #11834e : +50
79 : #10844e : +52
81 : #0e864e : +54
83 : #0d874e : +56
85 : #0b894e : +58
87 : #0a8a4e : +60
89 : #088c4e : +62
91 : #078d4e : +64
93 : #058f4f : +66
95 : #04904f : +68
97 : #02924f : +70
99 : #01934f : +72
L : 明度 ( 29% )
(0%) 暗い ～ 明るい (100%)
1 : #020303 : -28
3 : #060a08 : -26
5 : #09100d : -24
7 : #0d1712 : -22
9 : #111d17 : -20
11 : #14241d : -18
13 : #182a22 : -16
15 : #1c3127 : -14
17 : #20372c : -12
19 : #233e31 : -10
21 : #274437 : -8
23 : #2b4a3c : -6
25 : #2f5141 : -4
27 : #325746 : -2
29 : #365e4b : ±0
31 : #3a6450 : +2
33 : #3d6b56 : +4
35 : #41715b : +6
37 : #457860 : +8
39 : #497e65 : +10
41 : #4c856a : +12
43 : #508b70 : +14
45 : #549275 : +16
47 : #57987a : +18
49 : #5b9f7f : +20
51 : #60a484 : +22
53 : #67a889 : +24
55 : #6dab8e : +26
57 : #74af93 : +28
59 : #7ab398 : +30
61 : #81b69d : +32
63 : #87baa2 : +34
65 : #8ebea7 : +36
67 : #94c2ac : +38
69 : #9bc5b1 : +40
71 : #a1c9b6 : +42
73 : #a8cdbb : +44
75 : #aed0c0 : +46
77 : #b5d4c5 : +48
79 : #bbd8ca : +50
81 : #c1dccf : +52
83 : #c8dfd4 : +54
85 : #cee3d9 : +56
87 : #d5e7de : +58
89 : #dbebe3 : +60
91 : #e2eee8 : +62
93 : #e8f2ed : +64
95 : #eff6f2 : +66
97 : #f5f9f7 : +68
99 : #fcfdfc : +70
CSS入門、作ってます。
text-shadow