#36ec6d
RGB
赤 | 54 |
---|---|
緑 | 236 |
青 | 109 |
HSL
色相 | 138° |
---|---|
彩度 | 83% |
明度 | 57% |
輝度 | 66% |
3桁の色
補色
反転色
RGB ( 赤 = 54, 緑 = 236, 青 = 109 )
HSL ( 色相 = 138°, 彩度 = 83%, 明度 = 57% )
H : 色相 ( 138° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ec4f36 : -130
18 : #ec6d36 : -120
28 : #ec8b36 : -110
38 : #ecaa36 : -100
48 : #ecc836 : -90
58 : #ece636 : -80
68 : #d4ec36 : -70
78 : #b6ec36 : -60
88 : #97ec36 : -50
98 : #79ec36 : -40
108 : #5bec36 : -30
118 : #3cec36 : -20
128 : #36ec4f : -10
138 : #36ec6d : ±0
148 : #36ec8b : +10
158 : #36ecaa : +20
168 : #36ecc8 : +30
178 : #36ece6 : +40
188 : #36d4ec : +50
198 : #36b6ec : +60
208 : #3697ec : +70
218 : #3679ec : +80
228 : #365bec : +90
238 : #363cec : +100
248 : #4f36ec : +110
258 : #6d36ec : +120
268 : #8b36ec : +130
278 : #aa36ec : +140
288 : #c836ec : +150
298 : #e636ec : +160
308 : #ec36d4 : +170
318 : #ec36b6 : +180
328 : #ec3697 : +190
338 : #ec3679 : +200
348 : #ec365b : +210
358 : #ec363c : +220
128 : #36ec4f : -10
129 : #36ec52 : -9
130 : #36ec55 : -8
131 : #36ec58 : -7
132 : #36ec5b : -6
133 : #36ec5e : -5
134 : #36ec61 : -4
135 : #36ec64 : -3
136 : #36ec67 : -2
137 : #36ec6a : -1
138 : #36ec6d : ±0
139 : #36ec70 : +1
140 : #36ec73 : +2
141 : #36ec76 : +3
142 : #36ec79 : +4
143 : #36ec7c : +5
144 : #36ec7f : +6
145 : #36ec82 : +7
146 : #36ec85 : +8
147 : #36ec88 : +9
148 : #36ec8b : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #909291 : -82
3 : #8e9590 : -80
5 : #8c978f : -78
7 : #8a998e : -76
9 : #879b8d : -74
11 : #859d8d : -72
13 : #83a08c : -70
15 : #81a28b : -68
17 : #7fa48a : -66
19 : #7da689 : -64
21 : #7aa888 : -62
23 : #78ab87 : -60
25 : #76ad86 : -58
27 : #74af86 : -56
29 : #72b185 : -54
31 : #6fb384 : -52
33 : #6db683 : -50
35 : #6bb882 : -48
37 : #69ba81 : -46
39 : #67bc80 : -44
41 : #64be7f : -42
43 : #62c07e : -40
45 : #60c37e : -38
47 : #5ec57d : -36
49 : #5cc77c : -34
51 : #59c97b : -32
53 : #57cb7a : -30
55 : #55ce79 : -28
57 : #53d078 : -26
59 : #51d277 : -24
61 : #4ed477 : -22
63 : #4cd676 : -20
65 : #4ad975 : -18
67 : #48db74 : -16
69 : #46dd73 : -14
71 : #43df72 : -12
73 : #41e171 : -10
75 : #3fe470 : -8
77 : #3de670 : -6
79 : #3be86f : -4
81 : #39ea6e : -2
83 : #36ec6d : ±0
85 : #34ef6c : +2
87 : #32f16b : +4
89 : #30f36a : +6
91 : #2ef569 : +8
93 : #2bf769 : +10
95 : #29fa68 : +12
97 : #27fc67 : +14
99 : #25fe66 : +16
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #000502 : -56
3 : #010e05 : -54
5 : #021709 : -52
7 : #03210c : -50
9 : #042a0f : -48
11 : #053313 : -46
13 : #063d16 : -44
15 : #07461a : -42
17 : #074f1d : -40
19 : #085920 : -38
21 : #096224 : -36
23 : #0a6b27 : -34
25 : #0b752b : -32
27 : #0c7e2e : -30
29 : #0d8731 : -28
31 : #0d9135 : -26
33 : #0e9a38 : -24
35 : #0fa33c : -22
37 : #10ad3f : -20
39 : #11b642 : -18
41 : #12bf46 : -16
43 : #13c949 : -14
45 : #14d24d : -12
47 : #14db50 : -10
49 : #15e553 : -8
51 : #1aea59 : -6
53 : #24eb5f : -4
55 : #2deb66 : -2
57 : #36ec6d : ±0
59 : #40ed74 : +2
61 : #49ee7b : +4
63 : #52ef81 : +6
65 : #5cf088 : +8
67 : #65f18f : +10
69 : #6ef296 : +12
71 : #78f29c : +14
73 : #81f3a3 : +16
75 : #8af4aa : +18
77 : #94f5b1 : +20
79 : #9df6b8 : +22
81 : #a6f7be : +24
83 : #b0f8c5 : +26
85 : #b9f8cc : +28
87 : #c2f9d3 : +30
89 : #ccfada : +32
91 : #d5fbe0 : +34
93 : #defce7 : +36
95 : #e8fdee : +38
97 : #f1fef5 : +40
99 : #fafffc : +42
CSS入門、作ってます。
text-shadow