#5ada44
RGB
赤 | 90 |
---|---|
緑 | 218 |
青 | 68 |
HSL
色相 | 111° |
---|---|
彩度 | 67% |
明度 | 56% |
輝度 | 64% |
3桁の色
補色
反転色
RGB ( 赤 = 90, 緑 = 218, 青 = 68 )
HSL ( 色相 = 111°, 彩度 = 67%, 明度 = 56% )
H : 色相 ( 111° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #da4644 : -110
11 : #da5f44 : -100
21 : #da7844 : -90
31 : #da9144 : -80
41 : #daaa44 : -70
51 : #dac344 : -60
61 : #d7da44 : -50
71 : #beda44 : -40
81 : #a5da44 : -30
91 : #8cda44 : -20
101 : #73da44 : -10
111 : #5ada44 : ±0
121 : #44da46 : +10
131 : #44da5f : +20
141 : #44da78 : +30
151 : #44da91 : +40
161 : #44daaa : +50
171 : #44dac3 : +60
181 : #44d7da : +70
191 : #44beda : +80
201 : #44a5da : +90
211 : #448cda : +100
221 : #4473da : +110
231 : #445ada : +120
241 : #4644da : +130
251 : #5f44da : +140
261 : #7844da : +150
271 : #9144da : +160
281 : #aa44da : +170
291 : #c344da : +180
301 : #da44d7 : +190
311 : #da44be : +200
321 : #da44a5 : +210
331 : #da448c : +220
341 : #da4473 : +230
351 : #da445a : +240
101 : #73da44 : -10
102 : #71da44 : -9
103 : #6eda44 : -8
104 : #6cda44 : -7
105 : #69da44 : -6
106 : #67da44 : -5
107 : #64da44 : -4
108 : #62da44 : -3
109 : #5fda44 : -2
110 : #5dda44 : -1
111 : #5ada44 : ±0
112 : #58da44 : +1
113 : #55da44 : +2
114 : #53da44 : +3
115 : #50da44 : +4
116 : #4eda44 : +5
117 : #4bda44 : +6
118 : #49da44 : +7
119 : #46da44 : +8
120 : #44da44 : +9
121 : #44da46 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8e908e : -66
3 : #8c928b : -64
5 : #8b9489 : -62
7 : #899787 : -60
9 : #889985 : -58
11 : #869b82 : -56
13 : #859d80 : -54
15 : #83a07e : -52
17 : #81a27c : -50
19 : #80a479 : -48
21 : #7ea677 : -46
23 : #7da975 : -44
25 : #7bab73 : -42
27 : #7aad71 : -40
29 : #78af6e : -38
31 : #76b26c : -36
33 : #75b46a : -34
35 : #73b668 : -32
37 : #72b865 : -30
39 : #70bb63 : -28
41 : #6fbd61 : -26
43 : #6dbf5f : -24
45 : #6bc15c : -22
47 : #6ac45a : -20
49 : #68c658 : -18
51 : #67c856 : -16
53 : #65ca53 : -14
55 : #64cd51 : -12
57 : #62cf4f : -10
59 : #60d14d : -8
61 : #5fd34a : -6
63 : #5dd548 : -4
65 : #5cd846 : -2
67 : #5ada44 : ±0
69 : #59dc41 : +2
71 : #57de3f : +4
73 : #55e13d : +6
75 : #54e33b : +8
77 : #52e538 : +10
79 : #51e736 : +12
81 : #4fea34 : +14
83 : #4eec32 : +16
85 : #4cee2f : +18
87 : #4af02d : +20
89 : #49f32b : +22
91 : #47f529 : +24
93 : #46f726 : +26
95 : #44f924 : +28
97 : #43fc22 : +30
99 : #41fe20 : +32
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #030902 : -54
4 : #051103 : -52
6 : #081a05 : -50
8 : #0b2207 : -48
10 : #0e2b08 : -46
12 : #10330a : -44
14 : #133c0c : -42
16 : #16440d : -40
18 : #184d0f : -38
20 : #1b5511 : -36
22 : #1e5e13 : -34
24 : #206614 : -32
26 : #236f16 : -30
28 : #267718 : -28
30 : #298019 : -26
32 : #2b881b : -24
34 : #2e911d : -22
36 : #31991e : -20
38 : #33a220 : -18
40 : #36aa22 : -16
42 : #39b323 : -14
44 : #3cbb25 : -12
46 : #3ec427 : -10
48 : #41cc28 : -8
50 : #44d52a : -6
52 : #4bd733 : -4
54 : #53d83b : -2
56 : #5ada44 : ±0
58 : #62dc4c : +2
60 : #69dd55 : +4
62 : #71df5d : +6
64 : #78e166 : +8
66 : #80e26e : +10
68 : #87e477 : +12
70 : #8fe67f : +14
72 : #96e788 : +16
74 : #9ee990 : +18
76 : #a5eb99 : +20
78 : #adeca1 : +22
80 : #b4eeaa : +24
82 : #bcf0b2 : +26
84 : #c3f2bb : +28
86 : #cbf3c3 : +30
88 : #d2f5cc : +32
90 : #daf7d4 : +34
92 : #e1f8dd : +36
94 : #e9fae5 : +38
96 : #f0fcee : +40
98 : #f8fdf6 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow