#0bdab1
RGB
赤 | 11 |
---|---|
緑 | 218 |
青 | 177 |
HSL
色相 | 168° |
---|---|
彩度 | 90% |
明度 | 45% |
輝度 | 59% |
3桁の色
補色
反転色
RGB ( 赤 = 11, 緑 = 218, 青 = 177 )
HSL ( 色相 = 168°, 彩度 = 90%, 明度 = 45% )
H : 色相 ( 168° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #da270b : -160
18 : #da490b : -150
28 : #da6c0b : -140
38 : #da8e0b : -130
48 : #dab10b : -120
58 : #dad30b : -110
68 : #beda0b : -100
78 : #9cda0b : -90
88 : #7ada0b : -80
98 : #57da0b : -70
108 : #35da0b : -60
118 : #12da0b : -50
128 : #0bda27 : -40
138 : #0bda49 : -30
148 : #0bda6c : -20
158 : #0bda8e : -10
168 : #0bdab1 : ±0
178 : #0bdad3 : +10
188 : #0bbeda : +20
198 : #0b9cda : +30
208 : #0b7ada : +40
218 : #0b57da : +50
228 : #0b35da : +60
238 : #0b12da : +70
248 : #270bda : +80
258 : #490bda : +90
268 : #6c0bda : +100
278 : #8e0bda : +110
288 : #b10bda : +120
298 : #d30bda : +130
308 : #da0bbe : +140
318 : #da0b9c : +150
328 : #da0b7a : +160
338 : #da0b57 : +170
348 : #da0b35 : +180
358 : #da0b12 : +190
158 : #0bda8e : -10
159 : #0bda92 : -9
160 : #0bda95 : -8
161 : #0bda99 : -7
162 : #0bda9c : -6
163 : #0bdaa0 : -5
164 : #0bdaa3 : -4
165 : #0bdaa6 : -3
166 : #0bdaaa : -2
167 : #0bdaad : -1
168 : #0bdab1 : ±0
169 : #0bdab4 : +1
170 : #0bdab8 : +2
171 : #0bdabb : +3
172 : #0bdabe : +4
173 : #0bdac2 : +5
174 : #0bdac5 : +6
175 : #0bdac9 : +7
176 : #0bdacc : +8
177 : #0bdad0 : +9
178 : #0bdad3 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #727272 : -90
2 : #707574 : -88
4 : #6e7776 : -86
6 : #6c7a77 : -84
8 : #6a7c78 : -82
10 : #677e7a : -80
12 : #65817b : -78
14 : #63837c : -76
16 : #60857e : -74
18 : #5e877f : -72
20 : #5c8a81 : -70
22 : #5a8c82 : -68
24 : #578e83 : -66
26 : #559185 : -64
28 : #539386 : -62
30 : #509587 : -60
32 : #4e9789 : -58
34 : #4c9a8a : -56
36 : #499c8c : -54
38 : #479e8d : -52
40 : #45a18e : -50
42 : #43a390 : -48
44 : #40a591 : -46
46 : #3ea892 : -44
48 : #3caa94 : -42
50 : #39ac95 : -40
52 : #37ae97 : -38
54 : #35b198 : -36
56 : #32b399 : -34
58 : #30b59b : -32
60 : #2eb89c : -30
62 : #2cba9d : -28
64 : #29bc9f : -26
66 : #27bea0 : -24
68 : #25c1a2 : -22
70 : #22c3a3 : -20
72 : #20c5a4 : -18
74 : #1ec8a6 : -16
76 : #1ccaa7 : -14
78 : #19cca8 : -12
80 : #17cfaa : -10
82 : #15d1ab : -8
84 : #12d3ad : -6
86 : #10d5ae : -4
88 : #0ed8af : -2
90 : #0bdab1 : ±0
92 : #09dcb2 : +2
94 : #07dfb3 : +4
96 : #05e1b5 : +6
98 : #02e3b6 : +8
100 : #00e6b8 : +10
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #000504 : -44
3 : #010f0c : -42
5 : #011814 : -40
7 : #02221b : -38
9 : #022c23 : -36
11 : #03352b : -34
13 : #033f33 : -32
15 : #04493b : -30
17 : #045243 : -28
19 : #055c4b : -26
21 : #056652 : -24
23 : #066f5a : -22
25 : #067962 : -20
27 : #07836a : -18
29 : #078d72 : -16
31 : #08967a : -14
33 : #08a082 : -12
35 : #09aa89 : -10
37 : #09b391 : -8
39 : #0abd99 : -6
41 : #0ac7a1 : -4
43 : #0bd0a9 : -2
45 : #0bdab1 : ±0
47 : #0ce4b9 : +2
49 : #0cedc0 : +4
51 : #12f3c6 : +6
53 : #1bf3c8 : +8
55 : #25f4ca : +10
57 : #2ff4cd : +12
59 : #38f5cf : +14
61 : #42f5d1 : +16
63 : #4cf6d4 : +18
65 : #55f6d6 : +20
67 : #5ff7d8 : +22
69 : #69f7db : +24
71 : #72f8dd : +26
73 : #7cf8df : +28
75 : #86f9e2 : +30
77 : #90f9e4 : +32
79 : #99fae6 : +34
81 : #a3fae9 : +36
83 : #adfbeb : +38
85 : #b6fbed : +40
87 : #c0fcf0 : +42
89 : #cafcf2 : +44
91 : #d3fdf4 : +46
93 : #ddfdf7 : +48
95 : #e7fef9 : +50
97 : #f0fefb : +52
99 : #fafffe : +54
CSS入門、作ってます。
text-shadow