#26e829
RGB
赤 | 38 |
---|---|
緑 | 232 |
青 | 41 |
HSL
色相 | 121° |
---|---|
彩度 | 81% |
明度 | 53% |
輝度 | 60% |
3桁の色
補色
反転色
RGB ( 赤 = 38, 緑 = 232, 青 = 41 )
HSL ( 色相 = 121°, 彩度 = 81%, 明度 = 53% )
H : 色相 ( 121° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #e82926 : -120
11 : #e84a26 : -110
21 : #e86a26 : -100
31 : #e88a26 : -90
41 : #e8ab26 : -80
51 : #e8cb26 : -70
61 : #e5e826 : -60
71 : #c5e826 : -50
81 : #a4e826 : -40
91 : #84e826 : -30
101 : #64e826 : -20
111 : #43e826 : -10
121 : #26e829 : ±0
131 : #26e84a : +10
141 : #26e86a : +20
151 : #26e88a : +30
161 : #26e8ab : +40
171 : #26e8cb : +50
181 : #26e5e8 : +60
191 : #26c5e8 : +70
201 : #26a4e8 : +80
211 : #2684e8 : +90
221 : #2664e8 : +100
231 : #2643e8 : +110
241 : #2926e8 : +120
251 : #4a26e8 : +130
261 : #6a26e8 : +140
271 : #8a26e8 : +150
281 : #ab26e8 : +160
291 : #cb26e8 : +170
301 : #e826e5 : +180
311 : #e826c5 : +190
321 : #e826a4 : +200
331 : #e82684 : +210
341 : #e82664 : +220
351 : #e82643 : +230
111 : #43e826 : -10
112 : #40e826 : -9
113 : #3de826 : -8
114 : #39e826 : -7
115 : #36e826 : -6
116 : #33e826 : -5
117 : #30e826 : -4
118 : #2de826 : -3
119 : #29e826 : -2
120 : #26e826 : -1
121 : #26e829 : ±0
122 : #26e82d : +1
123 : #26e830 : +2
124 : #26e833 : +3
125 : #26e836 : +4
126 : #26e839 : +5
127 : #26e83d : +6
128 : #26e840 : +7
129 : #26e843 : +8
130 : #26e846 : +9
131 : #26e84a : +10
S : 彩度 ( 81% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868886 : -80
3 : #848b84 : -78
5 : #818d81 : -76
7 : #7f907f : -74
9 : #7c927d : -72
11 : #7a947a : -70
13 : #789778 : -68
15 : #759976 : -66
17 : #739c73 : -64
19 : #709e71 : -62
21 : #6ea06f : -60
23 : #6ca36d : -58
25 : #69a56a : -56
27 : #67a868 : -54
29 : #64aa66 : -52
31 : #62ac63 : -50
33 : #60af61 : -48
35 : #5db15f : -46
37 : #5bb35c : -44
39 : #58b65a : -42
41 : #56b858 : -40
43 : #54bb55 : -38
45 : #51bd53 : -36
47 : #4fbf51 : -34
49 : #4cc24e : -32
51 : #4ac44c : -30
53 : #48c74a : -28
55 : #45c947 : -26
57 : #43cb45 : -24
59 : #40ce43 : -22
61 : #3ed040 : -20
63 : #3cd33e : -18
65 : #39d53c : -16
67 : #37d73a : -14
69 : #34da37 : -12
71 : #32dc35 : -10
73 : #30df33 : -8
75 : #2de130 : -6
77 : #2be32e : -4
79 : #28e62c : -2
81 : #26e829 : ±0
83 : #24eb27 : +2
85 : #21ed25 : +4
87 : #1fef22 : +6
89 : #1cf220 : +8
91 : #1af41e : +10
93 : #18f71b : +12
95 : #15f919 : +14
97 : #13fb17 : +16
99 : #10fe14 : +18
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -52
3 : #010e02 : -50
5 : #021703 : -48
7 : #032004 : -46
9 : #042a05 : -44
11 : #053306 : -42
13 : #063c07 : -40
15 : #074508 : -38
17 : #084e09 : -36
19 : #09580b : -34
21 : #0a610c : -32
23 : #0b6a0d : -30
25 : #0c730e : -28
27 : #0d7d0f : -26
29 : #0e8610 : -24
31 : #0f8f11 : -22
33 : #109812 : -20
35 : #11a213 : -18
37 : #12ab14 : -16
39 : #13b416 : -14
41 : #14bd17 : -12
43 : #15c618 : -10
45 : #16d019 : -8
47 : #17d91a : -6
49 : #18e21b : -4
51 : #1de720 : -2
53 : #26e829 : ±0
55 : #2fe932 : +2
57 : #39ea3b : +4
59 : #42eb45 : +6
61 : #4bec4e : +8
63 : #54ed57 : +10
65 : #5dee60 : +12
67 : #67ef69 : +14
69 : #70f072 : +16
71 : #79f17b : +18
73 : #82f284 : +20
75 : #8cf38d : +22
77 : #95f496 : +24
79 : #9ef5a0 : +26
81 : #a7f6a9 : +28
83 : #b1f7b2 : +30
85 : #baf8bb : +32
87 : #c3f9c4 : +34
89 : #ccfacd : +36
91 : #d5fbd6 : +38
93 : #dffcdf : +40
95 : #e8fde8 : +42
97 : #f1fef1 : +44
99 : #fafffa : +46
CSS入門、作ってます。
text-shadow