#1d889f
RGB
赤 | 29 |
---|---|
緑 | 136 |
青 | 159 |
HSL
色相 | 191° |
---|---|
彩度 | 69% |
明度 | 37% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 29, 緑 = 136, 青 = 159 )
HSL ( 色相 = 191°, 彩度 = 69%, 明度 = 37% )
H : 色相 ( 191° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #9f1f1d : -190
11 : #9f351d : -180
21 : #9f4b1d : -170
31 : #9f611d : -160
41 : #9f761d : -150
51 : #9f8c1d : -140
61 : #9d9f1d : -130
71 : #889f1d : -120
81 : #729f1d : -110
91 : #5c9f1d : -100
101 : #469f1d : -90
111 : #319f1d : -80
121 : #1d9f1f : -70
131 : #1d9f35 : -60
141 : #1d9f4b : -50
151 : #1d9f61 : -40
161 : #1d9f76 : -30
171 : #1d9f8c : -20
181 : #1d9d9f : -10
191 : #1d889f : ±0
201 : #1d729f : +10
211 : #1d5c9f : +20
221 : #1d469f : +30
231 : #1d319f : +40
241 : #1f1d9f : +50
251 : #351d9f : +60
261 : #4b1d9f : +70
271 : #611d9f : +80
281 : #761d9f : +90
291 : #8c1d9f : +100
301 : #9f1d9d : +110
311 : #9f1d88 : +120
321 : #9f1d72 : +130
331 : #9f1d5c : +140
341 : #9f1d46 : +150
351 : #9f1d31 : +160
181 : #1d9d9f : -10
182 : #1d9b9f : -9
183 : #1d999f : -8
184 : #1d979f : -7
185 : #1d959f : -6
186 : #1d929f : -5
187 : #1d909f : -4
188 : #1d8e9f : -3
189 : #1d8c9f : -2
190 : #1d8a9f : -1
191 : #1d889f : ±0
192 : #1d859f : +1
193 : #1d839f : +2
194 : #1d819f : +3
195 : #1d7f9f : +4
196 : #1d7d9f : +5
197 : #1d7b9f : +6
198 : #1d789f : +7
199 : #1d769f : +8
200 : #1d749f : +9
201 : #1d729f : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5f5f : -68
3 : #5c6061 : -66
5 : #5a6163 : -64
7 : #586365 : -62
9 : #566467 : -60
11 : #546569 : -58
13 : #52666b : -56
15 : #50676d : -54
17 : #4e696e : -52
19 : #4c6a70 : -50
21 : #4b6b72 : -48
23 : #496c74 : -46
25 : #476d76 : -44
27 : #456e78 : -42
29 : #43707a : -40
31 : #41717c : -38
33 : #3f727d : -36
35 : #3d737f : -34
37 : #3b7481 : -32
39 : #3a7683 : -30
41 : #387785 : -28
43 : #367887 : -26
45 : #347989 : -24
47 : #327a8b : -22
49 : #307c8d : -20
51 : #2e7d8e : -18
53 : #2c7e90 : -16
55 : #2a7f92 : -14
57 : #298094 : -12
59 : #278296 : -10
61 : #258398 : -8
63 : #23849a : -6
65 : #21859c : -4
67 : #1f869e : -2
69 : #1d889f : ±0
71 : #1b89a1 : +2
73 : #198aa3 : +4
75 : #188ba5 : +6
77 : #168ca7 : +8
79 : #148ea9 : +10
81 : #128fab : +12
83 : #1090ad : +14
85 : #0e91af : +16
87 : #0c92b0 : +18
89 : #0a94b2 : +20
91 : #0895b4 : +22
93 : #0796b6 : +24
95 : #0597b8 : +26
97 : #0398ba : +28
99 : #019abc : +30
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -36
3 : #020b0d : -34
5 : #041216 : -32
7 : #061a1e : -30
9 : #072127 : -28
11 : #09282f : -26
13 : #0a3038 : -24
15 : #0c3741 : -22
17 : #0d3e49 : -20
19 : #0f4652 : -18
21 : #114d5a : -16
23 : #125463 : -14
25 : #145c6c : -12
27 : #156374 : -10
29 : #176a7d : -8
31 : #197286 : -6
33 : #1a798e : -4
35 : #1c8097 : -2
37 : #1d889f : ±0
39 : #1f8fa8 : +2
41 : #2096b1 : +4
43 : #229eb9 : +6
45 : #24a5c2 : +8
47 : #25accb : +10
49 : #27b4d3 : +12
51 : #2cb9d8 : +14
53 : #34bcda : +16
55 : #3dbedb : +18
57 : #46c1dd : +20
59 : #4ec4df : +22
61 : #57c7e0 : +24
63 : #60cae2 : +26
65 : #68cde3 : +28
67 : #71d0e5 : +30
69 : #79d2e6 : +32
71 : #82d5e8 : +34
73 : #8bd8ea : +36
75 : #93dbeb : +38
77 : #9cdeed : +40
79 : #a5e1ee : +42
81 : #ade4f0 : +44
83 : #b6e7f2 : +46
85 : #bee9f3 : +48
87 : #c7ecf5 : +50
89 : #d0eff6 : +52
91 : #d8f2f8 : +54
93 : #e1f5f9 : +56
95 : #e9f8fb : +58
97 : #f2fbfd : +60
99 : #fbfefe : +62
CSS入門、作ってます。
text-shadow