#1cb #11ccbb
RGB
| 赤 | 17 |
|---|---|
| 緑 | 204 |
| 青 | 187 |
HSL
| 色相 | 175° |
|---|---|
| 彩度 | 85% |
| 明度 | 43% |
| 輝度 | 57% |
３桁の色
補色
反転色
RGB ( 赤 = 17, 緑 = 204, 青 = 187 )
HSL ( 色相 = 175°, 彩度 = 85%, 明度 = 43% )
H : 色相 ( 175° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #cb2010 : -170
15 : #cb3f10 : -160
25 : #cb5e10 : -150
35 : #cb7d10 : -140
45 : #cb9c10 : -130
55 : #cbbb10 : -120
65 : #bbcb10 : -110
75 : #9ccb10 : -100
85 : #7dcb10 : -90
95 : #5ecb10 : -80
105 : #3fcb10 : -70
115 : #20cb10 : -60
125 : #10cb20 : -50
135 : #10cb3f : -40
145 : #10cb5e : -30
155 : #10cb7d : -20
165 : #10cb9c : -10
175 : #10cbbb : ±0
185 : #10bbcb : +10
195 : #109ccb : +20
205 : #107dcb : +30
215 : #105ecb : +40
225 : #103fcb : +50
235 : #1020cb : +60
245 : #2010cb : +70
255 : #3f10cb : +80
265 : #5e10cb : +90
275 : #7d10cb : +100
285 : #9c10cb : +110
295 : #bb10cb : +120
305 : #cb10bb : +130
315 : #cb109c : +140
325 : #cb107d : +150
335 : #cb105e : +160
345 : #cb103f : +170
355 : #cb1020 : +180
165 : #10cb9c : -10
166 : #10cb9f : -9
167 : #10cba2 : -8
168 : #10cba6 : -7
169 : #10cba9 : -6
170 : #10cbac : -5
171 : #10cbaf : -4
172 : #10cbb2 : -3
173 : #10cbb5 : -2
174 : #10cbb8 : -1
175 : #10cbbb : ±0
176 : #10cbbe : +1
177 : #10cbc2 : +2
178 : #10cbc5 : +3
179 : #10cbc8 : +4
180 : #10cbcb : +5
181 : #10c8cb : +6
182 : #10c5cb : +7
183 : #10c2cb : +8
184 : #10becb : +9
185 : #10bbcb : +10
S : 彩度 ( 85% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6d6f6f : -84
3 : #6a7170 : -82
5 : #687372 : -80
7 : #667574 : -78
9 : #647876 : -76
11 : #627a78 : -74
13 : #5f7c7a : -72
15 : #5d7e7b : -70
17 : #5b807d : -68
19 : #59827f : -66
21 : #578581 : -64
23 : #548783 : -62
25 : #528984 : -60
27 : #508b86 : -58
29 : #4e8d88 : -56
31 : #4c908a : -54
33 : #49928c : -52
35 : #47948e : -50
37 : #45968f : -48
39 : #439891 : -46
41 : #419b93 : -44
43 : #3f9d95 : -42
45 : #3c9f97 : -40
47 : #3aa199 : -38
49 : #38a39a : -36
51 : #36a69c : -34
53 : #34a89e : -32
55 : #31aaa0 : -30
57 : #2faca2 : -28
59 : #2daea4 : -26
61 : #2bb1a5 : -24
63 : #29b3a7 : -22
65 : #26b5a9 : -20
67 : #24b7ab : -18
69 : #22b9ad : -16
71 : #20bcaf : -14
73 : #1ebeb0 : -12
75 : #1bc0b2 : -10
77 : #19c2b4 : -8
79 : #17c4b6 : -6
81 : #15c6b8 : -4
83 : #13c9b9 : -2
85 : #10cbbb : ±0
87 : #0ecdbd : +2
89 : #0ccfbf : +4
91 : #0ad1c1 : +6
93 : #08d4c3 : +8
95 : #05d6c4 : +10
97 : #03d8c6 : +12
99 : #01dac8 : +14
L : 明度 ( 43% )
(0%) 暗い ～ 明るい (100%)
1 : #000504 : -42
3 : #010e0d : -40
5 : #021816 : -38
7 : #03211e : -36
9 : #032a27 : -34
11 : #043430 : -32
13 : #053d39 : -30
15 : #064741 : -28
17 : #07504a : -26
19 : #075a53 : -24
21 : #08635b : -22
23 : #096d64 : -20
25 : #0a766d : -18
27 : #0a7f76 : -16
29 : #0b897e : -14
31 : #0c9287 : -12
33 : #0d9c90 : -10
35 : #0da598 : -8
37 : #0eafa1 : -6
39 : #0fb8aa : -4
41 : #10c1b3 : -2
43 : #10cbbb : ±0
45 : #11d4c4 : +2
47 : #12decd : +4
49 : #13e7d5 : +6
51 : #18ecdb : +8
53 : #21eddc : +10
55 : #2beede : +12
57 : #34efdf : +14
59 : #3eefe1 : +16
61 : #47f0e2 : +18
63 : #50f1e3 : +20
65 : #5af2e5 : +22
67 : #63f2e6 : +24
69 : #6df3e8 : +26
71 : #76f4e9 : +28
73 : #80f5eb : +30
75 : #89f5ec : +32
77 : #92f6ee : +34
79 : #9cf7ef : +36
81 : #a5f8f1 : +38
83 : #aff8f2 : +40
85 : #b8f9f4 : +42
87 : #c2faf5 : +44
89 : #cbfbf7 : +46
91 : #d5fcf8 : +48
93 : #defcfa : +50
95 : #e7fdfb : +52
97 : #f1fefd : +54
99 : #fafffe : +56
CSS入門、作ってます。
text-shadow