#5feb24
RGB
| 赤 | 95 |
|---|---|
| 緑 | 235 |
| 青 | 36 |
HSL
| 色相 | 102° |
|---|---|
| 彩度 | 83% |
| 明度 | 53% |
| 輝度 | 67% |
３桁の色
補色
反転色
RGB ( 赤 = 95, 緑 = 235, 青 = 36 )
HSL ( 色相 = 102°, 彩度 = 83%, 明度 = 53% )
H : 色相 ( 102° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #eb2a24 : -100
12 : #eb4b24 : -90
22 : #eb6d24 : -80
32 : #eb8e24 : -70
42 : #ebaf24 : -60
52 : #ebd024 : -50
62 : #e4eb24 : -40
72 : #c3eb24 : -30
82 : #a2eb24 : -20
92 : #81eb24 : -10
102 : #5feb24 : ±0
112 : #3eeb24 : +10
122 : #24eb2a : +20
132 : #24eb4b : +30
142 : #24eb6d : +40
152 : #24eb8e : +50
162 : #24ebaf : +60
172 : #24ebd0 : +70
182 : #24e4eb : +80
192 : #24c3eb : +90
202 : #24a2eb : +100
212 : #2481eb : +110
222 : #245feb : +120
232 : #243eeb : +130
242 : #2a24eb : +140
252 : #4b24eb : +150
262 : #6d24eb : +160
272 : #8e24eb : +170
282 : #af24eb : +180
292 : #d024eb : +190
302 : #eb24e4 : +200
312 : #eb24c3 : +210
322 : #eb24a2 : +220
332 : #eb2481 : +230
342 : #eb245f : +240
352 : #eb243e : +250
92 : #81eb24 : -10
93 : #7deb24 : -9
94 : #7aeb24 : -8
95 : #77eb24 : -7
96 : #73eb24 : -6
97 : #70eb24 : -5
98 : #6deb24 : -4
99 : #69eb24 : -3
100 : #66eb24 : -2
101 : #63eb24 : -1
102 : #5feb24 : ±0
103 : #5ceb24 : +1
104 : #59eb24 : +2
105 : #55eb24 : +3
106 : #52eb24 : +4
107 : #4feb24 : +5
108 : #4beb24 : +6
109 : #48eb24 : +7
110 : #45eb24 : +8
111 : #42eb24 : +9
112 : #3eeb24 : +10
S : 彩度 ( 83% )
(0%) 渋い ～ 鮮やか (100%)
1 : #878886 : -82
3 : #868b84 : -80
5 : #858d81 : -78
7 : #84907f : -76
9 : #83927c : -74
11 : #82947a : -72
13 : #819778 : -70
15 : #809975 : -68
17 : #7f9c73 : -66
19 : #7e9e70 : -64
21 : #7da06e : -62
23 : #7ca36c : -60
25 : #7ba569 : -58
27 : #7aa867 : -56
29 : #79aa64 : -54
31 : #78ac62 : -52
33 : #77af60 : -50
35 : #76b15d : -48
37 : #75b35b : -46
39 : #74b658 : -44
41 : #73b856 : -42
43 : #73bb54 : -40
45 : #72bd51 : -38
47 : #71bf4f : -36
49 : #70c24c : -34
51 : #6fc44a : -32
53 : #6ec748 : -30
55 : #6dc945 : -28
57 : #6ccb43 : -26
59 : #6bce40 : -24
61 : #6ad03e : -22
63 : #69d33c : -20
65 : #68d539 : -18
67 : #67d737 : -16
69 : #66da34 : -14
71 : #65dc32 : -12
73 : #64df30 : -10
75 : #63e12d : -8
77 : #62e32b : -6
79 : #61e628 : -4
81 : #60e826 : -2
83 : #5feb24 : ±0
85 : #5eed21 : +2
87 : #5def1f : +4
89 : #5cf21c : +6
91 : #5cf41a : +8
93 : #5bf718 : +10
95 : #5af915 : +12
97 : #59fb13 : +14
99 : #58fe10 : +16
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #020500 : -52
3 : #050e01 : -50
5 : #091702 : -48
7 : #0c2103 : -46
9 : #0f2a04 : -44
11 : #133305 : -42
13 : #163d06 : -40
15 : #1a4607 : -38
17 : #1d4f07 : -36
19 : #205908 : -34
21 : #246209 : -32
23 : #276b0a : -30
25 : #2b750b : -28
27 : #2e7e0c : -26
29 : #31870d : -24
31 : #35910d : -22
33 : #389a0e : -20
35 : #3ca30f : -18
37 : #3fad10 : -16
39 : #42b611 : -14
41 : #46bf12 : -12
43 : #49c913 : -10
45 : #4dd214 : -8
47 : #50db14 : -6
49 : #53e515 : -4
51 : #59ea1a : -2
53 : #5feb24 : ±0
55 : #66eb2d : +2
57 : #6dec36 : +4
59 : #74ed40 : +6
61 : #7bee49 : +8
63 : #81ef52 : +10
65 : #88f05c : +12
67 : #8ff165 : +14
69 : #96f26e : +16
71 : #9cf278 : +18
73 : #a3f381 : +20
75 : #aaf48a : +22
77 : #b1f594 : +24
79 : #b8f69d : +26
81 : #bef7a6 : +28
83 : #c5f8b0 : +30
85 : #ccf8b9 : +32
87 : #d3f9c2 : +34
89 : #dafacc : +36
91 : #e0fbd5 : +38
93 : #e7fcde : +40
95 : #eefde8 : +42
97 : #f5fef1 : +44
99 : #fcfffa : +46
CSS入門、作ってます。
text-shadow